Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

Modifying the presentation options of the Layout group

Updated on November 15, 2021
Applicable to Theme UI-Kit applications

Make minor adjustments to the styling of the specific Layout group.

  1. Click the Layout group and in the header click the View properties icon.
  2. In the Properties window, click the Presentation tab and select the Display advanced presentation options check box.
  3. To display the layout group below other floated layout groups within the container in which it is hosted, select this Clear floated layouts check box.
  4. To define inline style for the layout, enter CSS code in the Inline style (not for production use) field.
    Entering inline style results in a guardrail warning. For maintainability and reuse, use a custom CSS class.
  5. To specify styling of the layout container, press the Down arrow key in the Container CSS class field to select a predefined class or click the Open class editor icon to see a list of available helpers.
    You can enter several helper classes, separated by a space. For more information, see Helper classes.
  6. To specify styling of the content within the layout, press the Down arrow key in the Content CSS class field to select a predefined class or click the Open class editor icon to see a list of available helpers.
    You can enter several helper classes, separated by a space. For more information, see Helper classes.
  7. Click Submit.

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us