Section
You can use the Section UI Pattern to organize on-screen content into different sections. This pattern can also be used with the Section Index UI Pattern to create anchors for each section.
How to use the Section UI Pattern
-
In Service Studio, in the Toolbox, search for
Section
.The Section widget is displayed.
-
To From the Toolbox, drag the Section widget into the Main Content area of your application's screen.
By default, the Section widget contains Title, Actions, and Content placeholders.
-
Add your content to the placeholders. In this example, we add a title to the Title placeholder, text to the Content placeholder, and a button to the Actions placeholder.
-
Add the desired action to the content you have added to the Actions placeholder. In this example, the button we added redirects the user to a new page.
After following these steps and publishing the module, you can test the pattern in your app.
Properties
Property | Description |
---|---|
ExtendedClass (Text): Optional | Add custom style classes to the Section UI Pattern. You define your custom style classes in your application using CSS. Examples
|