Now that the hard work is out of the way with the upcoming release of View Link Styles, we’re excited to share another update for the live app - Global Menu View Styles. These will be complementary styling options that will make it easier to achieve a more modern design with your menu views.
This feature is in development, but here is a preview of the Builder UI, that shows you what the options will look like:
Outlined here are some details about how this feature will function when it’s released, and what we expect to build into future iterations.
This will not be a breaking change for existing apps. The current theme renders menu views as buttons (tabbed or not), and this “legacy” styling will remain the default for all existing apps. If you choose a ‘fill’, ‘outline’, or ‘underline’ format then it is possible that the HTML will change.
For new apps, the “legacy” style will not be available, and we recommend using ‘fill’ to most closely match the old style if you don’t use custom code. If you do re-use custom code, you’ll need to update it for new apps to accommodate the new classes, like
You’ll see similar options to what is being made available in view links (fill, outline), with the addition of an ‘underline’ style format for tabbed menus. Depending on the selected format, you’ll have control over a sub-set of these options:
- Color (text, fill, outline, active state)
- Uppercase text
- Line weight (outline, underline)
- Round corners
- Raised buttons
As is the case currently with menu views - you can have your menu simulate tabs that appear on child pages, and choose to navigate to the first page linked automatically or not. These settings will continue to be available at the view level.
In the future, we plan to add options to override these settings at the view level as well. So if you want a particular menu view to be bigger or a different color, you can change that individual menu view’s style while everything else uses the defaults. We’ll open up a new topic about future overrides soon.
Please let us know if you think these options will be valuable, along with anything else you’d like to see for customizing menu views like this. In particular, we’re interested in hearing feedback about:
- Any additional formats or style options we should consider
- Any concerns with class changes or breaking changes
Excited to share the plans for this feature! In addition to hearing feedback from you, we’ll continue using this topic to provide updates from our end about the feature’s development and upcoming release. Thank you!