Toolbar Customization

Customize your community's navigation toolbar within the Sonoran CMS website builder!

Customize your community's navigation bar with links to custom webpages, rosters, Drive files, and more!

Open the editor under Administration Panel > Website Builder > Navigation Bar

Styling & Customization

Select the Paint Palette icon to open the navigation bar settings. Here, you can customize the color, custom CSS classes/styles, and the scroll behavior.

Button Customization

Select the green Plus button to add a new button or dropdown button to the toolbar. Buttons can be reordered via drag-and-drop.

Button Styling

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.

Sonoran CMS - Toolbar Customization - Styles Tab

Sonoran CMS - Toolbar Customization - Styles Selection

Dropdown Styling

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.

Sonoran CMS - Toolbar Customization - Dropdown Options

Sonoran CMS - Toolbar - Customized Dropdown

Destination Options

Button 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

Sonoran CMS - Toolbar Customization - Button Destination Settings

To add options to a dropdown menu, simply click the green plus button in the Options tab of the design panel.

Sonoran CMS - Toolbar Customization - Destination Options

From here, you can select the destination of the link using the chain icon:

Sonoran CMS - Toolbar Customization - Link Button

Toolbar Item Permissions

Toolbar items that lead to permission-restricted areas (such as private pages or admin panels) automatically show or hide based on whether the user has access to the destination.

Access to specific toolbar link destinations can be configured in the rank manager.

Clock In/Out

This button/icon of the navigation toolbar is based upon the CMS Permissions > Clock In & Out permission.

Community Pages

This navigation item is based upon the Page Permissions > View Page permissions.

Drive

This navigation item is based upon the CMS Permissions > Modify All Documents (Drive) permission or the Navigation Pages > View Drive Navigation Button permission.

Available Forms

This navigation item is always present for all members of your community if within your toolbar.

Community Calendar

This navigation item is based upon the Navigation Permissions > View Calendar Navigation Button permission.

Rosters Tree

This navigation item is based upon the Navigation Permissions > View Rosters Navigation Buttons permission.

Form Management

This navigation item is based upon the Form Permissions > View Submitted permissions, if at least one View Submitted permissions is granted the item will show.

Administrative Panel

This navigation item is based upon several permissions within the CMS Permissions section.