Top Navbar refers to the top bar on the Stop List Page in Advanced Interactives apps.
Top Navbar Customization card settings
Basic tab
Show
Control shows or hides Top Navbar on the Stop List page.
Height
Sets the navbar height.
Navbar background color
Navbar color can be set in this field.
Navbar items align
Buttons are placed at the Start, Center or at the End of the navigation bar depending on which align position is selected.
Button shadow
This setting adds a Shadow to the buttons on the top navigation bar.
Text and Background
The cog allows admin to set the color of the inactive button and apply font settings to button's text.
Background gradient
Applies gradient as the navbar background.
Border color
This color is applied to the border of inactive/not clicked button.
Active button background color
This is the color of the button when it's clicked or chosen.
Active button text color
This color applies to the text on the button which is clicked or chosen.
Background image
Applies an uploaded/selected from gallery image as the navbar background.
Button styling
On the Button styling tab you can select a particular style of buttons that will be displayed on the top navbar and customize them by applying different settings.
Button type
Here selectе which type of the button will be displayed on the top navbar.
The following button types can be selected:
Simple button condensed
Simple button
Special button
Image button
Big button
Feature button
Settings of different Button Types:
Responsive Settings
Settings applies only to the top navigation icons in the mobile resolution.
Note: top navbar becomes responsive in mobile resolution and is shown as the collapsed menu.
Icon color
Sets the color of the icons on the collapsed nav bar in the mobile resolution.
