Vizlib Sheet Menu Properties - Appearance

Appearance

This 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. 

Back to Contents

Top Menu Bar

Height Define the height of the sheet menu top bar. Background Choose the background color of the top menu (you can use the color- picker or standard Qlik-Sense Expression here.)

Border Click on the boxes to enable/ disable borders.

Border Style Choose one of the available border styles. Border Color Define the color of the borders. Border Width Determine the thickness of the borders.

height examples:

background styling examples:

border styling examples:

Back to Contents

Menu Buttons

Buttons Size: Choose the size of the borders.

Font Define the font color (using a color- picker or a standard qlik sense expression).

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 font and background colors example:

borders styling example:

Back to Contents

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:

Back to Contents

Side Menu

Here you have the ability to style the side menu.

side menu styling example:

Back to Contents

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.

Back to Contents