You can use the Alert UI Pattern to highlight and display important information, errors, or warnings.
How to use the Alert UI Pattern
In Service Studio, in the Toolbox, search for
The Alert widget is displayed.
If the UI widget does not display, it may be because you used a ready-made app, which deletes unused widgets from the module. To make additional widgets available in your app:
a. Go to Module > Manage dependencies.
b. Search for and select the relevant Producer, for example OutSystemsUI. Ensure Show All is selected.
c. On the Public elements for the selected Producer displayed on the right, ensure Show All is selected.
d. Search for and select the element you want to add, and click Apply.
e. In Service Studio, in the Toolbox, search for the widget again.
From the Toolbox, drag the Alert widget into the Main Content area of your application's screen.
Select the Text placeholder, and enter the Alert message you want to display.
On the Property tab, set the mandatory AlertType property. In this example, the alert type is set to error which changes the message to display in red. Additionally, the (optional) ShowCloseButton property is set to True. This enables a Close button for the Alert.
After following these steps and publishing the module, you can test the pattern in your app.
|AlertType (Alert Identifer): Mandatory||Select the type of alert. the predefined options are:
|ShowCloseButton (Boolean): Optional||Enable a Close button for the Alert.
|ExtendedClass (Text): Optional||Adds custom style classes to the Pattern. You define your custom style classes in your application using CSS.