Sheet Menu Plus Properties
The property panel contains all configuration settings for your Vizlib Sheet Menu Plus, organized into templates, top bar, selection menu, side menu, appearance, global settings, and Vizlib Actions sections.
This topic contains the following sections:
Templates
Vizlib Sheet Menu Plus supports Vizlib Templates now, so you can pick the look and feel you want and apply it with one click. You can find template settings in the property panel under Templates.
Figure 1: Templates
To apply a template, either click on Select a Template in the sheet menu plus object, or click on View Templates to open the template screen. The screen displays a list of themes, and you can apply the theme with one click. If you need to change the template, select another theme and click to apply the changes. In this example you can see that applying a theme immediately changes the color of the top bar.
Figure 2: Templates Example
If you find you need to make more changes to the template theme, you can use the settings in the Appearance tab to set the look and feel you want.
If you'd like to know more about managing or working with Vizlib Templates, please see our article on creating and saving templates here.
Top Bar, Top Bar Buttons
In Vizlib Sheet Menu Plus, the Top Bar settings allow you to configure the properties for the navigation panel located at the top of your sheet, with separate settings for each of the Top Bar Buttons.
Note: For Sheet Menu Plus to work properly, insightsoftware recommends you enable all UI elements in the Qlik app UI Settings.
Title and Logo
If you Show a Title, you can select a Content option to specify where the title is displayed, set a Font Color and choose a Font Size.
Figure 3: Title
Enabling the Logo settings allows you to use a logo image from a library or a URL with Use image from, set the Logo Mode, the Logo Opacity and alter the logo position using the cursor controls.
Figure 4: Logo and Title
You can add Custom text to the top right of the page when toggling the switch for Top Bar Text to Show. You can add an Icon by toggling the switch to Show and apply actions by following the Add Action flow. You can learn more about actions here.
Figure 5: Top bar text
Vizlib Actions settings let you integrate the title and logo with Vizlib Actions. When you add an action, use Pick Action to set what type of action it should be.
Figure 6: Logo Actions
Top Menu
The Top Menu settings allow you to add and configure Top menu items to display in the top bar of the sheet menu. You can choose from two item types: Sheet adds a single item, while a Group allows you to collectively display more than menu item as a Child Item.
When you add a group, you can set the group Name, display an Icon, and select the icon type and position. You can also enable a Conditional Show, which will hides the group unless a condition is met.
Figure 7: Top Menu Group
If you want to add a sheet you can set the group Name by selecting from the drop-down list of available sheets, display an Icon, and select the icon type and position. You can also enable a Conditional Show, which will hides the group unless a condition is met.
Figure 8: Top Menu Sheet
Click Add Menu Item to add a new item (sheet or group) for groups and sheets.
Important:
Understanding how the Sheet Title is controlled when using the Sheet Menu Plus is important as altering the name of the sheet or using Title Expression on the Qlik Sheet displays the content differently. See the explanation below:
If Title Expression = True (populated), then display the 'Title Expression' name in the Sheet Menu Plus's Top menu.
, else,
If Title Expression = False (unpopulated), then display the Sheet Menu Plus 'Name' from the
Sheet Menu Plus's Property Panel for that specific menu item.
The Sheet name definition options help you to define the sheet name in the header menu.
The following options
• Default – considers the current level of hierarchy
• Name – considers the name given to the Sheet Menu Plus's property panel for the page
• Title – considers the Qlik sheet Title
Top Bar Buttons
Top Bar Buttons contains settings which manage buttons in the top bar. You can choose to always display these buttons, or display them only when a condition is fulfilled, as well as entering your own text descriptions.
Navigation, Save, Stories, Bookmarks, Previous Sheet, Next Sheet, Application and Side Menu buttons all contain settings for Visibility, a text box to enter a Show/Hide Condition for displaying the button, controls for customizing an Icon, and a text box for entering Button Text (the following figure shows Navigation as an example).
Figure 9: Top Bar Button Example
The Sheets button has visibility and icon settings, with an additional drop-down to select the Content from the current sheet or some custom text.
Figure 10: Sheets
The Edit button has settings for Visibility, entering a Show/Hide Condition, and displaying an Icon, but also has settings for entering Button Text (Edit mode), Button Text (Analysis mode), setting a color for the Edit Mode Background, and choosing Edit Mode Font Color.
Figure 11: Edit
Custom Buttons
Custom Buttons contain settings for you to create your own custom button, and enable it to perform user-defined actions (e.g. making selections, opening). There are settings to enter a Show/Hide Condition for displaying the button, customizing an Icon, and entering Button Text. The button icon can be placed in several positions, with or without text. To add another custom button, click Add Button.
Figure 12: Custom Buttons
If you click on Add Action, you'll open the Actions settings which you can use to run an action after the button is clicked. You can use Pick Action to select the action, then add the information you need for the action to complete. If you'd like to add more than one action to the button, click Add Action again. If you'd like to know more about Vizlib Actions, you can find a full reference in our article here.
Figure 13: Actions
Display Published/Community and Public Sheets in the Top Menu
If you have a public Qlik Application and you have created sheets (see My Sheets & Published by me in the following figure), how do you as a user understand what sheets are Public and Published/Community?
Figure 14: Public Qlik Application with published and My sheet
Using the Vizlib Sheet Menu Plus's Setup Wizard to edit the Top Menu, there is the option to view the sheets that are Public and Published/Community. By clicking on the appropriate buttons on the right-hand side of the Setup Wizard you will see that new Top Menu sections are added and presented in a grey-blue colour.
The following figure displays the relevant Qlik Sheets under the appropriate drop-down menu (this is the default).
Figure 15: Sheet Menu Plus wizard
Selection Menu, Selection Menu Buttons
The Selection Menu settings allow for the possibility of modifying and adjusting the native Qlik Sense selection bar by showing (or hiding) a series of buttons.
Selection Menu
In the first group of settings, you can enable Show Selection Panel, set the Left Padding using the slider, and switch on Sticky Selection Panel to display selected fields.
Figure 16: Selection Panel, Sticky Selection Panel
Selection Menu Buttons
The items managed in Selection Menu Buttons control actions related to sheet menu selections. Each item has a Show/Hide Condition setting which means you can enter a conditional expression which has to be met before the button is displayed.
Figure 17: Step Back, Step Forward, Clear Selection
In addition to Step Back, Step Forward and Clear Selection, there are buttons for Search, Selections Tool and Insights.
Figure 18: Search, Selections Tool, Insights
Side Menu
The Side Menu settings help you configure a navigation panel which pops up at the side of the sheet. You can add Menu Items to construct your side menu, choosing from Sheet, Text, Group, Master Item and Line.
Side Menu
When you enable Side Menu with the toggle, you'll see a selection of Menu Items listed, with an Add menu item button for adding new or extra items.
Figure 19: Side Menu
You can add KPIs, Filters, and Buttons to the Side menu. These native components load quickly and provide you with more features to accelerate your Qlik environment.
Sheet
When you select a Sheet, you'll be able to enter a Name and choose a particular sheet from the drop-down. You can also set the Top Margin, and display an Icon, selecting one from the pre-loaded list or entering an expression, and choosing the icon Position. There is also a Conditional Show setting which you can enable to only display the item when a specific condition has been met.
Figure 20: Sheet
Text
When you select a Text item, you'll be able to enter a Name and set the distance from the Top Margin. You can also display an Icon, selecting one from the pre-loaded list or entering an expression, and choose the icon Position. There is also a Conditional Show setting which you can enable to only display the item when a specific condition has been met.
Figure 21: Text
Group
Group items allow you to enter a Name and set the distance from the Top Margin. You can also display an Icon, selecting one from the pre-loaded list or entering an expression, and choose the icon Position. There is a Conditional Show setting which you can enable to only display the item when a specific condition has been met, and there are also settings for Child Items which you can include in the group with the Add menu item button.
Figure 22: Group
Master Item
If you select a Master Item, you'll be able to enter a Name, and set the distance from the Top Margin. To select the master item, choose an option from the Vizlib Master Item drop-down. Vizlib Sheet Menu Plus supports master items created from Vizlib Filter, Vizlib Calendar, Vizlib KPI, Vizlib Advanced Text Object, Vizlib Button, Vizlib Switch and Vizlib Toolbar objects. You can choose to manually or automatically set the Master Item Height, and there is also a Conditional Show setting which you can enable to only display the items when a specific condition has been met.
Figure 23: Master Item
You can create a master item, add it to the master items list, then add it using the setup wizard, or dragging it from the Master items menu in the Qlik Sense hub. To find out more about working with master items in Qlik Sense, click here.
Line
Line items let you enter a Name and set the distance from the Top Margin. There is also a Conditional Show setting which you can enable to only display the item when a specific condition has been met.
Figure 24: Line
Appearance
The Appearance section holds settings which control the format and look and feel of your navigation panel, which you can customize to apply your own branding, change the navigation style, and provide some themed consistency across your apps. You can modify the style of individual sheet items and apply overall settings such as background color, height and border settings on the navigation bars.
General
In the General tab you can choose to show or hide a title, add title details using the expression editors and show or hide sheet menu details.
Figure 25: General
Top Bar
The Top Bar contains settings which control the look and feel of the top menu. You can use the sliders to set the Top Bar Height and Tab Button Spacing and select the Background Color. You can also enable the Border settings, define a border with the Border Selector, and choose a Border Style, Border Color and Border Width.
Figure 26: Top Bar
Selection Menu
You can change the color of the selection menu by changing items within the Selection Menu setting.
You will notice that colors are blank to begin with. This is to show the Qlik default colors. When you change the color, then this is reflected on the Qlik Sheet.
Note: You have to monitor your changes by going between edit and analysis mode.
Figure 27: Selection menu styling
Top Menu Items
In Top Menu Items you can choose a Top Menu Items Style, selecting a Font Family (or defining a Custom Font Family), Font Size, Font Style and Font Color. You can also choose a Background Color, and set a Font Style, Font Color and Background Color for a Hovered Item.
Figure 28: Top Menu Items
You can also choose a Font Style for the Active Item, as well as a Font Color and Background Color. Enabling the Border settings allows you to define a border with the Border Selector, and choose a Border Style, Border Color and Border Width.
Figure 29: Top Menu Items
Top Bar Buttons
Top Bar Buttons manage the buttons' look and feel. Button Size lets you pick from three settings, and you can choose a Default Font Color, Default Background Color, a Hover Font Color and Hover Background Color.
Figure 30: Top Bar Buttons
Enabling a button's Border allows you to set the Border Color, Border Style, Border Width and Border Radius for a button.
Figure 31: Border Styles
Side Menu
The Side Menu settings control the look and feel of the Side Menu. By default, you display the side menu by clicking a button in the top right corner of the sheet. You can customize the Width, Font Size, and Position settings for the side menu, and also choose the Display option (Fixed means the side menu is always visible) and between an Auto or ManualClose Setting. You can also select a Background Color from the palette. The Sheet settings allow you to choose a Font Style, Font Color and Background Color.
Figure 32: Side Menu
The Group and Text settings also have options to customize the Font Style, Font Color and Background Color.
Figure 33: Group and Text
Settings for Line have controls for the Background Color, Line Color, Line Thickness and Line Style, and you can also set the Background Color for a Master Item.
Figure 34: Line
Sheet Titles
Sheet Title settings control visibility for the sheet title, enabling Sheet Title Bar and choosing to display as the Current Sheet or Breadcrumbs.
Figure 35: Sheet Titles
Mobile View
Mobile View allows you to select particular settings for viewing the sheet menu on mobile devices. You can choose between Top Menu Items and Side Menu Items.
Figure 36: Mobile View
Global Settings, Vizlib Actions
These settings control global appearance options and Vizlib Actions integration for your Vizlib Sheet Menu Plus.
Global Settings
Global Settings control the appearance of your sheet giving you the ability to hide the Extension Tile on Canvas. You can also apply CSS Styles by adding your code to the text box.
Figure 37: Global Settings
Vizlib Actions
Vizlib Actions settings let you integrate the sheet menu with Vizlib Actions. When you add an action, use the Pick Event to specify when the action occurs and Pick Action to set what type of action it should be.
Figure 38: Vizlib Actions