Template Support

1 Oct 20153 minutes to read

In the ASP.NET, you can use the tag to load the contents to the Tab control.

HTML

<ej:Tab ID="pizzaMenu" runat="server" Width="650px">

    <Items>

        <ej:TabItem ID="Tabitem1" Text="GARDEN FRESH (Veg)">

            <ContentSection>

                <img src=" http://js.syncfusion.com/demos/web/images/

                 accordion/garden-veggie.png" alt="garden-fresh" />

                <div class="ingredients">

                    Rate : $50

                    <br />

                    Ingredients : cheese, onions, green capsicums & tomatoes.

                </div>

            </ContentSection>

        </ej:TabItem>

        <ej:TabItem ID="Tabitem2" Text="CORN & SPINACH (Veg)">

           <ContentSection>

                <img src=" http://js.syncfusion.com/demos/web/images

                /accordion/corn-and-spinach-05.png" alt="garden-fresh" />

                <div class="ingredients">

                    Rate : $70

                    <br />

                    Ingredients : cheese, sweet corn & green capsicums.

                </div>

           </ContentSection>

        </ej:TabItem>

        <ej:TabItem ID="Tabitem3" Text="CHICKEN DELITE (Non-veg)">

          <ContentSection>

                <img src=" http://js.syncfusion.com/demos/web/images/

                 accordion/chicken-delite.png" alt="garden-fresh" />

                <div class="ingredients">

                    Rate : $100

                    <br />

                    Ingredients : cheese, chicken chunks, onions & pineapple chunks.

                </div>

            </ContentSection>

        </ej:TabItem>

    </Items>

</ej:Tab>