Properties - Appearance
The Appearance section gives you the opportunity to format the look and feel of your navigation panel, make it look more branded, change the style, and provide some themed consistency across your apps. You can modify the style of individual sheet items, the button and/or overall settings such as the background color, height or border visibility of the navigation bars.
Note: If you are using version 3.0.0 of Vizlib Sheet Menu (or above) the Appearance properties will be different to those in this article, please click here for your correct version.
This topic contains the following sections:
Top Menu Bar
Height
Define the height of the sheet menu top bar.
Height examples:
Background
Choose the background color of the top menu (you can use the color- picker or standard Qlik-Sense Expression here.)
Background styling examples:
Border
Click on the boxes to enable/ disable borders.
Border Style
Choose one of the available border styles.
Border styling example:
Border Color
Define the color of the borders.
Border Width
Determine the thickness of the borders.
Menu Buttons
Button Size
Choose the size of the borders.
Font
Define the font color (using a color- picker or a standard qlik sense expression).
Background Color
Background Color Set the background color.
Border
Style the borders defining the color, thickness, radius, style and displayed elements.
Buttons small size example:
Buttons extra large size example:
Borders styling example:
Borders font and background colors example:
Sheet Menu Items
Sheets
Style the hover and active sheets by defining the sheets font and background colors and font style.
Hover sheet styling example:
Active sheet styling example:
Side Menu
Here you have the ability to style the side menu.
Side menu styling example:
Auto-close
Side Menu now offers an auto-close option (in collapsible mode) when navigating via the side menu or clicking away from the side menu.
