Skip to main content


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

Defining and applying an additional grid format

Updated on November 15, 2021
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.

  • Previous topic Modifying the existing grid style in the skin
  • Next topic Customizing the data and label that are displayed on the recent items list

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