Vizlib Home
Welcome
Login

Vizlib Switch - Switch Items

The Switch Items menu in the property panel controls the settings each for Vizlib Switch object you've added. You can find it in the property panel under the Templates menu (Figure 1). 


Figure 1: Switch Items


Getting Started

Click the arrow next to the item title to open the property settings (Figure 2). You can use the text boxes to edit the Name, Switch Variable (you'll use this to reference the item in Qliksense) and the Active and Inactive value


Figure 2: Switch Items


Title Settings

If you want to display a title in your switch item, slide the Show title toggle to On to display the settings (Figure 3). You can set the title position, color, font style, font family, and font size. 


Figure 3: Show Title


Note: Figure 4 shows the difference between switch item settings (label 1, edited in the property panel under Name), and switch object title (2, edited in the sheet).


Figure 4: Item Title / Object Title


Control and Bar Settings 

There are 2 elements to a switch item - Bar and Control

  • The Bar is the frame which contains the switch control.
  • The Control is used to turn the switch on and off. 


By default, control and bar settings are hidden in the property panel. If you need to customize any of these settings, slide the toggle to the right to display the menu.


Figure 5 shows the settings available for entering Text inside control or bar. You can enter text for Bar and Control, and for Active and Inactive states (when the switch is enabled / disabled). As the settings are the same for each state, we're showing the menu for Bar Active state


You can enter Inline text, select the Font color, Font style, Font family and Font size


Figure 5: Text Inside Control or Bar


To add Tooltip to the switch item, enable the Tooltip menu and enter the text you need (Figure 6).


Figure 6: Tooltip


You can also customize colors and borders settings for Bar and Control, with separate controls for an active and inactive state. The menus for these settings are displayed by sliding the toggle to the right, and they are the same for both of the elements. 


Figure 7 shows the controls for Bar Custom Colors. 


You can set the Active Color and the Inactive Color here, which changes the switch item background color for each state. 


Figure 7: Custom Colors


Figure 8 shows the controls for Control Custom Borders. 


You can set the Border Radius, Border Size and Color


Figure 8: Custom Borders


Further Reading

You can find out more about Vizlib Switch in our Overview here




K
Kenneth is the author of this solution article.

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.