The Note control displays read-only text, with various Header options for the label.

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

The Note control can be bound to a String variable.

This control is most commonly used when bringing the users attention to a specific area on a Coach, or to display useful or helpful information.


Text Formula Formula/expression to be auto-calculated (for the note text)


Width Width in px, %, em; For example: 50px, 20%, 0.4em. If no unit is specified, px is assumed

Label Style

 Color Style


These are the configuration option settings...

This is the result...


With the Note control, there are 2 types of event handlers:

  • On Load When the page loads
  • On Click When the Note is clicked

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.


  • Author: Courtney Silva
  • Date Created: June 19, 2015
  • Date Modified: July 27, 2015
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request