Notification

Displays text or numbers to draw attention to a specific area on a page or to display useful information.

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 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.
The appearance configuration properties for the Notification view are shown in the following table:
Table 1. Appearance configuration properties for Notification
Appearance configuration property Description Data type
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). ColorStyle
Icon Specifies the notification icon name. For example: calendar, clock-o, camera, cloud-upload, bell, info, file-text.

See Font Awesome V4.7.0 for a complete list of icons.

By default, no icon is specified.
String

Example

In this example, the following appearance configuration properties are set for the Notification view:

  • Notification formula is set to "Enter comments below".
  • Color style is set to Danger.
  • Icon is set to comment.

These properties and their values result in a speech balloon icon beside some text on a red background that says "Enter comments below".

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.
The formula configuration properties for the Notification view are shown in the following table:
Table 2. Formula configuration properties for Notification
Formula configuration property Description Data type
Notification formula An expression to be used as the value of the notification.

For more information about formulas, see Formulas.

String
The Notification view has the following types of event handlers:
  • On load: Activated when the page loads.
  • On click: Activated when the notification is clicked.

Methods

For detailed information on the available methods for Notification, see the Notification 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.