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 April 5, 2022

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 CSShelper 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 CSShelper classes.

  7. Click Submit.

  • Skin form — Components tab — Layouts — Layout Groups

    A layout group combines different types of layouts to display a set of content such as a list of financial accounts and related transactions. You use a layout group to specify how to navigate sets of information. For example, this could be a tab for each account, or by simply changing the type, the account list can be rendered as either a drop-dow

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