Template Support
28 Jun 2017 / 1 minute to read
We can use this option to load any HTML elements and showcase it in the Tab panels as per our requirement.
We can load the contents or HTML elements directly inside the <div> element which we are going to convert as Tab control.
<div id="dishtype" style="width: 650px" ej-tab>
<ul>
<li><a href="#corn">Corn & Spinach </a></li>
<li><a href="#chicken">Chicken Delite</a></li>
</ul>
<div id="corn" style="background-color: #F5F5F5">
<div class="e-content">
<img src="http://js.syncfusion.com/demos/web/images/accordion/corn-and-spinach-05.png" alt="corn-spinach"/>
<div class="ingredients">
Rate : $70<br /> Ingredients : cheese, sweet corn & green capsicums.
<br />
Description: Small pizza bases are topped with spinach and paneer and fresh cream, a nice layer of mozzarella cheese. This is baked until the cheese is all hot and gooey.
</div>
</div>
</div>
<div id="chicken" style="background-color: #F5F5F5">
<!--Content for Chicken Delite-->
</div>
</div>
Output:
Was this page helpful?
Yes
No
Thank you for your feedback!
Thank you for your feedback and comments. We will rectify this as soon as possible!
An unknown error has occurred. Please try again.
Help us improve this page