Vizlib Home Try Vizlib

Vizlib Toolbar Properties - Appearance

The Appearance tab manages settings relating to the look and feel of your Vizlib Toolbar object. 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 



In the General tab (Figure 1), you can choose to show or hide a title, add title details using the expression editors and show or hide toolbar details. 

Figure 1: General

Back to Contents

Alternate States

Alternate States has settings related to adding the object to master visualizations (Figure 2). You can find more information about working with alternate states here  

Figure 2: Alternate States

Back to Contents

Font Settings

The Font settings (Figure 4sets properties for the Font color, 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. Using responsive text is the preferred alternative and make sure to use the same option throughout the Toolbar to avoid some texts not changing size.

Figure 4: Font Settings

Back to Contents


The Colors settings (Figure 3let you select the colors for Toolbar background, Element background, Item background and Borders, using the Color Picker. 

Figure 3: Colors

Back to Contents

Label Settings

When Show labels is activated, the Label Settings (Figure 5) allow you to display a label and set the label Position, Font color, Font family, Font style and Font size. If you choose a Responsive font style, the font will change size if the toolbar is re-sized.  

Figure 5: Label Settings

Back to Contents

Layout Settings

The Layout Settings (Figure 6) contains sliders which allow you to set the Margin between elements and the Elements padding (the area between each element). The padding is split into four different settings to allow you to set the Top, Bottom, Left and Right padding independently. For centered alignment make sure to set the padding to the same number for Top/Bottom and Left/Right respectively.  

Figure 6: Layout Settings

Back to Contents

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