Mobile View of Tabs

Radzen IDE (Angular)
1

When I use a Tab layout on a form and view that form from a mobile device the tabs are cutoff of the screen and I have to scroll over (which isn't intuitive for my users at least) Is there a way to make the tab items wrap to a new line? This is only when looking at a mobile phone view and you have multiple tabs (3+ or so depending on tab names).

Josh

2

Hi Josh,

Please try adding the following CSS rule to client\src\styles.css:

.ui-tabview-nav {
  flex-wrap: wrap;
}

It should make the tabs wrap on a new line when there isn't enough space. We will include it by default in a future Radzen release.