Tabs for settings

Built for Shopify
1

Hello guys,

I’ve got this review:

Use tabs sparingly for secondary navigation purposes when the ui-nav-menu isn’t sufficient. Clicking a tab should only change the content below it, not above. Tabs should never wrap onto multiple lines. Navigating between tabs shouldn’t cause the tabs to change position or move. Please refer to our App Design Guidelines and see this screenshot for more details. Inside settings, we should be using tabs for secondary navigation instead of link boxes.

Is it necessary to use tabs for settings?
Tabs are very cluttered on mobile and when there are multiple tabs, they are not shown. I don’t think the current solution would be contrary to the design guidelines

The new layout doesn’t look good to me.

Mobile
Mobile768×204 6.16 KB

Desktop
Desktop1534×240 6.82 KB

Thank you for being so helpful
Jan

2

Hey Jan,

It does seem necessary to use tabs for settings - what could be helpful might be to install some other BFS approved apps that would have a lot of different settings to use as a model for how to layout multiple tabs, as well as test on mobile.