Views:

The Quick Button Unified Interface allows you to fully customize the appearance of your buttons. 

Note: instructions on how to configure a Quick Button Unified Interface can be found here. It is presumed you have a working Quick Button for this article. 

To make the changes we change the CSSClass UI Property highlighted in the screenshot below:

The supported options are below. These are based on the Bootstrap 3 framework: https://getbootstrap.com/docs/3.3/css/#buttons

Style: Colors

The options for the predefined colors are:

Primary (Blue)

CSSClass: 'btn btn-primary'

Success (Green)

CSSClass: 'btn btn-success'

Info (Light Blue)

CSSClass: 'btn btn-info'

Warning (Orange)

CSSClass: 'btn btn-warning'

Danger (Red)

CSSClass: 'btn btn-danger'

Style: Sizes 

The options for the predefined sizes are:

Large 

CSSClass: 'btn btn-lg'

Small

CSSClass: 'btn btn-sm'

XSmall 

CSSClass: 'btn btn-xs'
 

Multiple CSS Class Parameters 

You can create combinations of these parameters by simply combining them. A large red button would be 'btn btn-lg btn-danger'

Custom Styles

You can override the predefined classes by adding custom CSS to the CSSStyle UI Property. This provides you with full control over the appearance of your buttons.