Skip to main content
LinkedIn
Copied!

Table of Contents

Modifying the presentation options of the Layout group

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.

Did you find this content helpful?

Have a question? Get answers now.

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

Ready to crush complexity?

Experience the benefits of Pega Community when you log in.

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

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us