Blank Slate
You can use the Blank State UI Pattern to inform end users, for example, to complete a task or when there is no data available for display etc.
How to use the Blank Slate UI Pattern
-
In Service Studio, in the Toolbox, search for
Blank Slate.The Blank Slate widget is displayed.
-
From the Toolbox, drag the Blank Slate widget into the Main Content area of your application's screen.
By default, the Blank Slate widget contains icon and text placeholders.
-
Add your content to the placeholders. In this example we change the icon to a calendar icon by selecting the Icon placeholder, and on the Properties tab, from the Name drop-down, selecting the calendar icon. We also enter new text in the Text placeholder.
After following these steps and publishing the module, you can test the pattern in your app.
Properties
| Property | Description |
|---|---|
| Position (PositionExtended Identifier): Optional | Sets the widget position. Examples
|
| ExtendedClass (Text): Optional | Add custom style classes to the Blank Slate UI Pattern. You define your custom style classes in your application using CSS. Examples
|