Wednesday, August 7, 2013

Overview pages in Tile Layout

As of enhancement pack 1, it is possible to show overview pages in a tile layout.
This is completely customizable, no custom coding is required.

Basically, we go from here…

To here...

in less than 5 minutes.

Customizing in SPRO

SAP Customizing Implementation Guide --> Customer Relationship Management --> UI Framework --> UI Framework Definition --> Register Overview Pages for Tile Layout

Here, you can add the BSP application and Overview Page that you want the tile layout activated for.

Until now, no changes will be noticed by the user. This action only allows you to customize the tile layout in the overview page. To do so, we go to the page configuration in the Webclient.

In the page that we have just added in SPRO, a button ‘Switch to Tile layout’ is now visible in the page configurator.

Customizing the overview page

Clicking this button will allow you to select the required layout.

After this, you can drag & drop the required assignment blocks to the tiles.

And check the result!


  1. Thanks for this useful post !!
    Good to know these flexibility options on CRM.

  2. Pieter, another great post from you! Thank you
    Btw, such functionality also available in plain 7.0 SP09 (at least as I can see right in the system; might be even earlier). Little bit different from UI point: in Ehp2 tabs look better.

    1. Andrei, I had to look it up, but indeed, This was at least already available in EhP1. Thanks for the heads up :-).

  3. Hi Pieter,
    Yes, Tile Layout is a great news in CRM webUI (even if someone still wants the single column layout).

    One question: in Register Overview Pages for Tile Layout I always had doubts in which are the BSP application and Overview Page to insert; is there any way to find them easily (for example, if I want to set tile layout for Trade Promotion Page [TPMOE component], where I can find the field to insert?).

    In addition: great blog ;)

  4. Jack, good question.

    When configuring the overview page, you can see the name of the component you would like to adjust. This would be your BSP Application in the table (so TMPOE in your example I suppose).
    After adding the BSP Application, the search help for the controller page will help you find the right page ( in your example I suppose).

    Hope this helps.