Button Appearance

Description

Properties for defining how the button is rendered.

Name
Description
Button class

Specify the button class. You can use <None> for no class. Use <Default> or blank for the default class.

Button class disabled

Button class when the button is disabled. You can enter <Default> or leave blank to use the default class name. Specify <None> for no class. If you specify your own class name here you can prefix it with '+' to use the specified class in addition to the default class. E.g. +myDisabledclass.

Button class hover

Button class when the mouse is hovering over the button. You can enter <Default> or leave blank to use the default class name. Specify <None> for no class. If you specify your own class name here you can prefix it with '+' to use the specified class in addition to the default class. E.g. +myHoverclass.

Button class pressed

Button class when the user clicks on the button. You can enter <Default> or leave blank to use the default class name. Specify <None> for no class. If you specify your own class name here you can prefix it with '+' to use the specified class in addition to the default class. E.g. +myPressedclass.

Button inline style

Define CSS styles applied to the button in-line.

Button layout

Define the layout of the button. The layout can be a combination of text and an image, text only, or image only.

Button text class

Define the CSS class(es) used by the button text. Multiple classes can be specified as a space delimited list. You can enter <Default>, or leave blank, to use the default class name. Specifying <None> will result in no classes applied to the button.

Button text inline style

Define CSS styles that will be applied to the button text in-line.

Display as split button

Specify if the button should be split into two 'logical' buttons, with the button and the dropdown icon separated into two logical buttons. If you use this option you should define your event handler in the 'onClick' rather than the 'click' event. You will then be able to refer to arguments[1] in your code to see if the user clicked on the dropdown icon or the button, arguments[1] will be set to either 'normal' or 'split'.

Has dropdown icon

Specify if a small dropdown arrow should be shown on the button. Typically only used if the button will open a dropdown window when clicked.

Sub-theme

Specify the sub-theme to use for the button.

See Also