Center Content
You can use the Center Content UI Pattern to vertically align content to the center of its container.
How to use the Center Content UI Pattern
-
In Service Studio, in the Toolbox, search for
Center Content
.The Center Content widget is displayed.
-
From the Toolbox, drag the Center Content widget into the Main Content area of your application's screen.
By default, the Center Content widget contains Top, Center, and Bottom placeholders.
-
Add the relevant content to each of the placeholders. In this example we add some images and text.
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 Center Content UI Pattern. You define your custom style classes in your application using CSS. Examples
|