Vizlib Home
Welcome
Login

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


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


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


Background 

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


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






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