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.