This is a migrated thread and some comments may be shown as answers.

MVC Nested Tabstrips

3 Answers 973 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Kahl
Top achievements
Rank 1
Kahl asked on 03 May 2017, 07:08 AM

When I add a simple  @(Html.Kendo().TabStrip()  strip inside a tab freom the main  @(Html.Kendo().TabStrip() it does not work,   I can add grids and other things.

 

Please advise how to add a  @(Html.Kendo().TabStrip() inside another tab

 

 

Thanks

 

Cameron

3 Answers, 1 is accepted

Sort by
0
Accepted
Ivan Danchev
Telerik team
answered on 03 May 2017, 08:36 AM
Hello Cameron,

Here's an example showing how  TabStrips can be nested:
@(Html.Kendo().TabStrip()
      .Name("tabstrip")
      .Items(tabstrip =>
      {
        tabstrip.Add().Text("Tab1")
            .Selected(true)
            .Content(tab => Html.Kendo().TabStrip()
            .Name("nestedTabStrip")
            .Items(t =>
            {
                t.Add()
                    .Text("Nested1")
                    .Selected(true)
                    .Content(@<text>
                        Nested 1 content
                    </text>);
                t.Add()
                    .Text("Nested2")
                    .Content(@<text>
                        Nested 2 content
                    </text>);
            })
        );
        tabstrip.Add().Text("New York")
            .Content(@<text>
            <div class="weather">
                <h2>29<span>ºC</span></h2>
                <p>Sunny weather in New York.</p>
            </div>
            <span class="sunny"> </span>
            </text>);
 
        tabstrip.Add().Text("Moscow")
            .Content(@<text>
            <div class="weather">
                <h2>16<span>ºC</span></h2>
                <p>Cloudy weather in Moscow.</p>
            </div>
            <span class="cloudy"> </span>
            </text>);
      })
)


Regards,
Ivan Danchev
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Milen
Top achievements
Rank 1
answered on 17 Jul 2018, 07:07 AM

Hello Ivan, 

i how can i bind a nested Tabstrip to a model? Is there a demos or exampel? And I have a Tabstrip, who is binded to a model and the tabstrip headers are dynamically dispaly from a database. How can i a dysplay information for these tabstrips

0
Ivan Danchev
Telerik team
answered on 18 Jul 2018, 02:44 PM
Hello Milen,

I see that you have opened a separate forum thread, in which the TabStrip's model binding is discussed. I would suggest continuing the discussion in it.

Regards,
Ivan Danchev
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
TabStrip
Asked by
Kahl
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Milen
Top achievements
Rank 1
Share this question
or