trueChart Knowledge Base Live Search
The General pane features the following options:
Show titles (title, subtitle and footnote) in the menu box.
Enter a title for the menu bar. The title is also displayed above the menu when Show titles is set to On.
Subtitle and Footnote
Enter and display an additional subtitle and footnote (only if Show titles is set to On).
This option has currently no effects.
The object alternate state is defined in this section. When changing the value of the state dropdown a dialog is shown to confirm the change for all current definied dimension entries within the menubar object.
To change a alternate state only for one particular dimension, this can be done through the area Dimension Add-ons.
Figure 50. Dimension Add-on stettings to change the alternate state for one dimension
Edit global alternate states
The input area below this drop-down allows to add, edit and delete application wide alternate states. Through this, menubar also supports alternate states not only within Qlik Sense November, but all supported versions from v3.0 can also be used.
Starting with version November 2018, the regular configuration via the Master Item section can of course also be used.
Delete an alternate state
A state can be deleted by clicking the trash can icon on the right. When a deleted state was used in a dimension, this dimension will then use the 'inherit' state, which means the object wide alternate state is used.
For more information please check the official Qlik Sense documentation.
Figure 51. The alternate state settings.
Define the orientation of the menu which can be either horizontal or vertical. This has no effect on small mobile devices where the orientation is adjusted automatically to vertical.
When the menu is oriented vertically the items can be set to be stretched to the maximum width (Fill) or you can define a custom width (Custom).
When the menu is oriented horizontally the menu bar can take all the available height (Fill) or you can define a custom height (Custom).
In vertical orientation this setting is used to use the background color over entire height (Fill) or only to the last menu item (Automatic).
Figure 52. The Layout section in the Appearance pane
Border & Padding & Margin
The menubar allows setting border, padding and margin for the extension object. Border is a colored line around the element. Padding is a space inside the border. And margin is a space outside of the border.
Figure 53. menubar with border, padding and margin
Border, padding and margin are defined in the property panel under the appearance section. All three types have an option for uniform or individual settings. Uniform defines the setting for all directions and individual allows settings the properties for all directions (top, bottom, left, right). The border settings also allow settings the color for each individual direction.
Figure 54. Border, padding and margin settings
In the Position section, you can set the position of the menu bar inside its boundaries when the width or height is set to values in pixel other than Automatic. For example, the value 0 for Top removes the distance to the edge or next object above the menu completely.
Figure 55. The Position section showing default and individual settings.
The Colors section is to define the default colors of the menu to be inherited by its items. These can be configured by entering color expressions, setting predefined colors or choosing with the color picker.
In this area, numerous color definitions can be made for the following elements:
Main elements (generic), with area and text colors for background, hover and active states, borders and separators
Subelements (generic), with area and text colors for background, hover and active states, borders and separators
Date Picker elements, with colors for buttons, selections, active or not allowed fields, texts, normal and hover states
Slider elements (Variable Slider), with colors for background, slider track and handle, normal and active steps
For a detailed list of accepted color expressions, refer to Appendix A.1.
Figure 56. Part of the Colors section in the Appearance pane showing preselected colors and the color picker.
The Text section features all settings to take effect on the font, such as:
These are set separately for general Labels and also Selection Labels, i.e. selected values showing on menubar’s elements.
The option to set the font size dynamically allows for responsive font sizing depending on the width of the extension object. Dynamic font sizing requires a scaling factor to determine the font size change relating to the extension width.
When there are two separate menus the font size and scaling factor need to be changed to display the font size in both menus in the same way. However even then the scaling of the menus will be different unless the menus have the exact same width. Since the deciding factor for the font size is the width of the extension the result will always be slightly different.
In dynamic mode the font size is calculated by using the font size and the scaling factor. The font size will determine the initial and minimal height of the font and the scaling factor decides by how much the size is changed relative to the extension size.
Figure 57. The Text section in the Appearance pane.
The Background section has options to change the visualization if the qlik sense sheets. It is possible to change the background of the worksheet on which the menubar is displayed.
The background can have a color and an image, you can set the opacity of the background for both background types. Image backgrounds have some additional settings, which allow to display the image in in the optimal size and position.
The background is only applied in the normal qlik sense mode and the play mode in qlik sense stories. The background is also only applied to the current worksheet. When the sheet is changed and there is no menubar the background is set back to default.
Figure 58. The Background section in the Appearance pane.
In the Display section, you can set the visibility of the Sense menu, selection, title bar, snapshot button and maximize button. The elements can be permanently hidden (Hide), shown (Show = default setting) or displayed depending on an expression. Snapshot button and maximize button options are only applied to the current menu extension.
Figure 59. Sense navbar buttons.
If the Sense menu is not visible and the Edit mode is not available for this reason, it can be simply activated by Ctrl + E.
When using several menu objects on a sheet, ensure that all menus are defined identically for these settings. Otherwise, one menu could hide a bar and another could show this bar again, depending on which menu object is loaded as last one by Sense.
Figure 60. Define visibility of Sense menu, selection and title bar
The Info section shows general information, such as version number of menubar.
It also provides a link to open this documentation.