Style effects are alternative widget styles that are automatically applied to a widget while it's in a particular state in the web browser, such as while being moused over or clicked. When the widget enters the triggering state, the style effect is applied. When the widget exits the triggering state, the style effect is removed and the widget reverts back to its base styling.
You can assign as many or as few style effects to a widget as you'd like.
The Style Effects
Applied when the mouse cursor is moved over the widget. Enabled on text links by default.
Applied when the widget is clicked, while the mouse button is pressed down. Enabled on text links by default.
Applied when the widget is set to its selected state with a Set Selected action or automatically when a checkbox or radio button is clicked.
Applied when the widget has focus in the web browser. Form widgets like text fields and droplists automatically gain browser focus when they're clicked on or tabbed to. You can also dynamically give a widget browser focus with the Focus action.
Defines the styling of the hint text on a text field or text area. Enabled on these widgets by default.
Enabling Style Effects
To enable a style effect on a widget, select the widget and click New Interaction in the Interactions pane. Below the list of events, select your desired style effect under the Style Effects heading. You can then select the style properties you want to alter for the style effect.
Tip: If you want to use the same style effect selections for multiple widgets, create a widget style to hold your style selections. Then when you enable the style effect on a widget, select the widget style in the Widget Style dropdown.
(The text link widget's mouseover and mousedown style effects use this pattern.)