Alert

Alert Element

The Alert element as the name implies, provides a user-friendly way to provide feedback to the user or to grab the user's attention and display a message.

It is closely related to the Alert Dismissible element that offers the ability to dismiss or remove the message.

You can edit the text inside the Alert element just like other text editable elements and use the standard formatting tools in addition to created Badged Text.

The Alert element inherits the font properties from the parent element chain or uses the Body font defined at the app level (in App Settings). You can customize this by using the Custom CSS Classes setting or by using the Design Tab.

• You can use the Alert element inside a Heading element and have it rendered in a heading style.

• You can dynamically create an Alert element using the Alert Text block in Page Flow.

---

Examples

The following images show examples of Alert and Alert Dismissible elements.

Example of Alert element using the Yellow Alert Style

Example of Alert element using the Teal Alert Style

Example of Alert with formatted text and a Badged Text inside it.

Example of Alert inside a Heading element with Badged Text.

---

Options

The Options tab settings for this element are described below:

Alert Style

Select from a pre-defined list of background and text colors. For any other customizations see here.

Dismissible

Marks the element as dismissible. Used by the Alert Dismissible element.