Toolbar Customization
Customize your community's toolbar within the Sonoran CMS website builder!
Sonoran CMS allows you to customize the top toolbar with buttons to link your users to whatever your community needs.
To customize your community's toolbar head over to the Administrative Panel
> Website Builder
. From there you can add buttons, dropdowns and community image with various options.
To add a new button or dropdown, you can either click the respective button to add it to the end of your toolbar, or drag-and-drop the button to whatever position within the toolbar you'd like.
If you would like to reorder items in the toolbar, simply drag-and-drop them into their new position.
Each button and drop down option has a label and link associated with it, with these set they will be displayed to all community users.
If you make any changes, it will automatically save.
Privatized pages will not show up in the toolbar or in a dropdown in the toolbar for any user that lacks the required permissions to view them.
Styling & Customization
Header Design
The blue Header Design
button opens a menu that will let you customize the group alignment, background color and admin cog setting. You can also drag and drop elements to change the display order.
Button Styling
You can also customize the title, font, color and specific links for any button or dropdown menu. To open the design panel, simply click on any button or dropdown in the Toolbar Customization editor.
Dropdown Styling
With dropdowns, you can also customize not only the styling of the dropdown button itself, but of every option within the dropdown. This is also where you go to add any destination links within the dropdown.
Destination Options
Within any button or dropdown you are give the option to link a variety of different things, from another page in the community, to external pages, to documents in your community's drive to management panels and more!
In the design panel of any button, you can customize where said button links to by clicking on the Target
tab in the design panel
To add options to a dropdown menu, simply click the green plus button in the Options
tab of the design panel.
From here, you can select the destination of the link using the chain icon:
Last updated