Skip to main content
LinkedIn
Copied!

Table of Contents

Defining and applying an additional grid format

Applicable to Theme UI-Kit applications

You can change the style of the recent items list by creating a custom grid format. If the existing grid formats do not meet your needs, for example, if you want a different font size, or to define a different border, create a custom grid format and apply it to the recent items list grid.

Before you can customize the style of the recent items list, complete the steps in Customizing the list of recent items in your application.

  1. Create a custom grid format.

    1. Open the appropriate skin. For information about how to determine which skin is in use, see Associating a skin with the user interface article on Pega Community.

      1. Click the name of the application in the Dev Studio header.

      2. Click Skin.

    2. Click the Component styles tab, and click the name of the currently shown component.

    3. In the Layouts area, click Trees & grids.

    4. On the My formats tab of Trees & grids, click Add new style, and then enter the name of the grid format that you want to create.

    5. Define the styles.

    6. Click Submit, and then click Save.

  2. Apply a new custom grid format to the recent items list grid.

    1. Open your copy of the pxRecentGrid section.

      1. In your section that displays the recent items list, click the Gear icon of the cell in the section to open the Cell Properties panel.

      2. On the General tab, click the Open icon next to the section name to open your copy of pxRecent section.

      3. In your copy of the pxRecent section, click the Gear icon in the Section include header of your copy of pxRecentGrid section to open the Layout Properties panel.

      4. On the General tab, click the Open icon next to the section name to open your copy of pxRecentGrid section.

    2. In the copy of pxRecentGrid section, click the Gear icon in the Table layout header to open the Layout Properties panel.

    3. On the Presentation tab of the Layout Properties panel, click Other in the Style field, and then specify the custom grid format that you created.

    4. Click Submit, and then click Save.

For more information, see the Creating multiple style formats in the skin article on Pega Community.

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