Custom sidebar
Customize the sidebar elements to create user-aware navigations.
Overview
When selecting "Left navbar" as the navigation menu style, you'll be able to choose from 2 options:
Default
Custom, in which case the "Navigation menu" option will be enabled.
The "Default" option will render a fixed left sidebar with Ubidots' standard menu layout in the app, where all the options will appear to end users based on their role of permissions.
Custom
When selecting the "Custom" option, you'll be able to customize the sidebar at will. For example, in the below sidebar, menus, names, icons and dropdowns have been changed:
The sidebar also supports opening a secondary panel, called "asidepanel", from either a direct link or a menu item in the sidebar. This asidepanel can be either static or load dynamic, user-aware content from an HTTP request.
This is possible via the "Edit menu" button, which opens an XML editor that includes a preview where you can see what the XML translates to:
This is the XML that creates the custom sidebar seen above:
Migration from v1 to v2
Contact support
To migrate your XML v1 (deprecated in favor of v2) to v2, please contact us at [email protected].
Last updated
Was this helpful?