Tabs Mobile View?

Radzen.Blazor Components
1

I am using RadzenTabs and everything works excellently until I go into mobile mode:

image

This produces a scrollbar highlighted at bottom. Any suggestions on how to make this appear better? I still have additional tabs to add.

Thank you for any guidance.

2

Hi @Mike-E-angelo,

I can suggest one of the following:

  • Wrap the tabs

  • Use shorter text for the tabs or only icons.

  • Use a CSS media query to hide the text on a mobile device:

    @media (max-width: 768px) {
    .rz-tabview-title {
         display: none;
    }
}
1 Like
3

Thank you very much @korchev! The first one works perfectly :+1:

image