Note
Data binding
Set or modify the data binding for the view in the General properties. The Note view can be bound to aString
variable.Configuration properties
Under Configuration, set or modify the appearance and behavior properties for the view. Under Events, set the formula configuration properties.
- Screen size
- A configuration property that has the Screen Sizes icon
beside the property name can have different values for each screen size. If you do not set a value, the screen size inherits the value of the next larger screen size as its default value.
- Theme definitions
- Theme definitions specify the colors and styles for a view and determine its appearance. You can preview the look and feel of views in the theme editor. See Themes.
Appearance configuration property | Description | Data type |
---|---|---|
Width
![]() |
Specifies the width of a note in pixels, percent, or em units. For example:
50px or 20% or 0.4em. The default unit is pixel, in case no other is specified. |
String |
Label style
![]() |
Specifies the header style for the note label.
|
String |
Color style | Specifies a color style for the view. The colors correspond to variables in the specified theme. The default color style is Default (gray). | String |
Example
In this example, the following appearance configuration properties are set for the Note view:
- Text formula is set to "Read this note".
- Label style is set to Heading 1.
- Color style is set to Info.
In the General properties tab, the name given to the Label is Note.
These properties and their values result in a text area on a blue background that displays a blue level 1 header labeled Note, followed by the message: Read this note.
Events
Set or modify the formula configuration properties and the event handlers for the view in the Events properties. You can set events to be triggered programmatically or when a user interacts with the view. For information on how to define and code events, see User-defined events.Formula configuration property | Description | Data type |
---|---|---|
Text formula | Formula or expression used to calculate the note text. For more information about formulas, see Formulas. |
String |
- On load: Activated when the page loads.
- On click: Activated when a note is clicked.
Methods
For detailed information on the available methods for Note, see the Note JavaScript API.
Additional resources
For information about how to create a coach or page, see Building coaches.
For information about standard properties
(General, Configuration,
Positioning, Visibility, and HTML
Attributes), see View properties.