Vizlib Home Try Vizlib
Welcome
Login

Vizlib Toolbar Properties - Element List - Dimensions

In Vizlib Toolbar, you can use dimensions to add to the Element List

Note on Colors: If you want to change any color settings, you'll use the color picker. You can find a complete guide to using the color picker here


TABLE OF CONTENTS


Choose Input - Dimension


To add a dimension in Vizlib Toolbar, go the Choose Input setting and select Dimension from the dropdown (Figure 1). You'll create a new element in the property panel Element List


Figure 1: Choose Input


Back to Contents


Dimension - Output Type


When you open the new element settings, you'll see the dimension name and a choice of 4 output types - Selection Bar, Dropdown, Image and Calendar (Figure 2). Click on the Output Type you want to use to select it (in Figure 2 the calendar is selected). 


Figure 2: Output Type


Back to Contents


Selection Bar


The selection bar Label Settings (Figure 3) allow you to enter a Label Expression, choose to override the global Layout Settings, display a List Label, and select a Label Position. If you choose to Override global settings, you can also set the label Font color with the color picker, and choose the Font family, Font style, and Font size

If you choose a Responsive Font size, the font will change size if the toolbar object is re-sized. 



Figure 3: Selection Bar Label 


The Selection Bar Settings (Figure 4) contain controls for the Button type, selection bar Orientation, a choice of whether to Wrap the selection bar items, set a Value Width, and select the vertical and horizontal Alignment



Figure 4: Selection Bar Settings


Back to Contents



Dropdown Label Settings (Figure 5) allow you to enter a Label Expression, display a List Label, and select a Label Position. You can also set the label Font color with the color picker, and choose the Font family, Font style, and Font sizeIf you choose a Responsive Font size, the font will change size if the toolbar object is re-sized.



Figure 5: Dropdown Label 


The Dropdown Settings (Figure 6) allow you to choose a Max dropdown height, set a dynamic or customized Dropdown width, select a Cell height, and choose the Alignment for the dropdown items.



Figure 6: Dropdown Settings


Back to Contents


Image


Image Label Settings (Figure 7) allow you to enter a Label Expression, choose to override the global Layout Settings, display a List Label, and select the Label Position. You can also set the label Font color with the color picker, and choose the Font family, Font style, and Font sizeIf you choose a Responsive Font size, the font will change size if the toolbar object is re-sized. 



Figure 7: Image Label 


The Image Settings (Figure 8) allow you to select an Image Source, choose the Orientation, whether to Wrap the image, and choose a dynamic or fixed Size. You can also set the image Height and Width using the sliders. 


Figure 8: Image Settings


You can also choose a Stretch Image option and select the Image Alignment (Figure 9). 


Figure 9: Stretch and Alignment 


Back to Contents


Calendar


Calendar Label Settings (Figure 10) allow you to enter a Label Expression, choose to override the global Layout Settings, display a List Label, and choose a Label Position. You can also set the label Font color with the color picker, and choose the Font family, Font style, and Font sizeIf you choose a Responsive Font size, the font will change size if the toolbar object is re-sized. 


Figure 10: Calendar Label 


Calendar Settings (Figure 11) allow you to choose a Picker Type (from Single Picker, Range Picker, Always one date and Always one range) and customize a Date format mode, choosing to display Month/Year dropdowns. If you use date ranges, you can add Custom Ranges (entering a Reference date) and set the Object alignment



Figure 11: Calendar Settings


Back to Contents



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.