Vertical Tabs

Radzen.Blazor Components
1

My tabs have gotten too many -- is there any option to have the tabs vertical?

2

Hi @timheuer,

At the moment there isn't such an option. Maybe we will implement vertical tabs component in the future but it won't happen in the coming months.

3

Hi @timheuer,

If you just want to wrap the headers you can do that with CSS:

    <RadzenTabs>
        <Tabs>
            @for (var i = 0; i < 100; i++)
            {
                <RadzenTabsItem Text="@($"Tab {i}")" />
            }
        </Tabs>
    </RadzenTabs>

image
image1920×1080 169 KB

4

Hi, I am trying this by using

<RadzenTabs Style="flex-wrap: wrap;">

But this doesn't amend the HTML rendered. Please could you elaborate on the above example to indicate how you apply the Style?

Thank you

5

@RobBlackmore Check this thread:

1 Like