The Notification UI Pattern is a contextual short message that provides important information to the user, such as app crashes, new updates, task reminders, and new messages.
How to use the Notification UI Pattern
In Service Studio, in the Toolbox, search for
The Notification widget is displayed.
From the Toolbox, drag the Animate widget into the Main Content area of your application's screen.
Add the relevant content to the Content placeholder.
In this example, we add an icon, some text. We also add Show and Close buttons to the Main Content area of the screen.
Select and right-click your screen name, and select Add Local Variable. Enter a name for the variable. In this example, we enter
ShowNotificationand set the Default Value to False.
Select the Notification widget, and on the Properties tab, from the IsOpen dropdown, enter the newly created variable.
Define the actions for the Show and Close buttons, by selecting the button widget, and on the Properties, from the OnClick dropdown select New Client Action.
In this example, for the Show button we assign the ShowNotification variable to True, and for the Close button we assign the ShowNotification variable to False.
After following these steps and publishing the module, you can test the pattern in your app.
|IsOpen (Boolean): Mandatory||If True, the notification is immediately visible on screen. If False, the notification is not visible on screen.|
|ExtendedClass (Text): Optional||Add custom style classes to the Notification UI Pattern. You define your custom style classes in your application using CSS.