The button control is used to allow users to continue through a Coach with a 'next' button to another Coach, or to exit a Coach with an 'exit' button for example.

The Button control comes with many easy to configure formula, behavior, and appearance options.

Like almost all SPARK controls, you can trigger events that are fired when the user interacts with the control (see the Event and Methods sections below and the Event Handling article for more information).


Label Formula Text displayed in the button label. This can be set either using a static string, or can be set dynamically. More information on using formulas can be found in the Data Binding and Retrieval article here


Tab Index Form control tabbing sequence index. Tab indices start at 1, and may be set sparsely.

Prevent Multiple Clicks Prevents the user from clicking the button more than once


Color Style

Shape Style 

Size Style Default, Large, Small, Extra-Small

Outline Only Shows color-based style when hovered over the button

Icon The icon that is displayed on the button, to see a list of available icons, go here: Font Awesome

Width The width of the button, value in px, %, em; for example: 50px, 20%, 0.4em. If no unit is specified, px is assumed


These are the configuration option settings...


This is the result ...


With the Button control, there are 3 types of event handlers:

  • On Load When the page loads
  • On Click When the button is clicked
  • On Boundary Event When there is a boundary event

You can use JavaScript logic to affect the effects of the control, depending on the event. More information on using these controls can be found in the Event Handling article.


For detailed information on the available methods for this control, access the JS Doc file.


  • Authors: J. Andrew Casey-Clyde, Courtney Silva
  • Date Created: June 3, 2015
  • Date Modified: July 27, 2015
Was this article helpful?
2 out of 2 found this helpful