Vizlib Home Try Vizlib

Vizlib Button Properties - Button Items

Adding Button Items is so easy with Vizlib button! Multiple buttons are supported, and each can have multiple actions. Colors, labels and icons can be managed individually for each button, other appearance and animation settings are global.


Button Name

Once you've created a button, you can name it, and enter text for the label and tooltip displays (Figure 1).

Figure 1: Button Name

Back to Contents

Button Icon

You can choose to enable an Icon as part of the button display (Figure 2). You can choose which icon to use, select a color from the palette, set the icon size on the slider, and the icon's position in the button. 

Figure 2: Button Icon

Back to Contents

Font Color

You can also customise the button's font color, choosing which color to use in both an active and inactive state (Figure 3).

Figure 3: Font Color

Back to Contents


You can enable the Background settings if you'd like to customise your button background, adding colors or including a URL (Figure 4). 

Figure 4: Background

Back to Contents

Disabled State

A disabled state is when the Button cannot be pressed, to make this clear, we add 2 styles, one in gray, one with an opacity layer above the button (Figure 5). 

                    Active                        Disabled (Opacity)                 Disabled (Grey)


The condition can be set per button, when the condition is true (-1, 1), the button cannot be clicked.

Figure 5: Disabled State

Back to Contents

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