Configure the layout of your tile group

In this topic, you learn how to configure the layout of your tile group, including the header content, the tile group appearance, and tile appearance.

Prerequisites

Procedure

  1. To make layout changes to the header content, open the Header Content tab.

    1. In the sections Desktop, Tablet, and Mobile, you can specify the layout of the header content in the tile group depending on the output medium. In Header Height, enter a header height in pixels.

    2. In Light Appearance Header Image, select a header image for a light appearance from the Media Library.

    3. By default on desktop, dark appearance header images are inherited from the header image selected in Light Appearance Header Image. Select Do NOT inherit light appearance header image to select a dark appearance header image from the Media Libary separately. For tablet and mobile, select a separate dark appearance header image from the Media Library.

  2. To make layout changes to the tile group appearance, open the Tile Group Appearance tab.

    1. In Tile Group Layouts for Light Appearance, select Add Tile Group Layout to add one or more predefined tile group layout settings from the Tile Group Layout tool to apply to your tile group for a light appearance. If same tile layout settings are shared between multiple tile group layouts, the top tile group layout is prioritized when applying settings.

    2. By default, tile group layouts added for light appearance are also used for dark appearance. In Tile Group Layouts for Dark Appearance, select Do Not Inherit Light Appearance Tile Group Layout to prevent the inheritance of light appearance for tile group layouts for dark appearance and to add tile group layouts for dark appearance separately.

    3. Select Add Tile Group Layout to add one or more predefined tile layout settings from the Tile Group Layout tool to apply to your tile for a dark appearance. If the same tile group layout settings are shared between multiple tile group layouts, the top tile group layout is prioritized when applying settings.

    4. In the Settings section, select Force Tile Layout Attributes! to enable the settings defined in the tile group layouts added to this tile group instead of the tile group inheriting tile group layout settings configured in launchpad layouts by default.

  3. To make layout changes to the tile appearance in a tile group, open the Tile Appearance tab.

    1. In Tile Layouts for Light Appearance, select Add Tile Layout to add one or more predefined tile layout settings from the Tile Layout tool to apply to your tile for a light appearance. If same tile layout settings are shared between multiple tile layouts, the top tile layout is prioritized when applying settings.

    2. By default, tile layouts added for light appearance are also used for dark appearance. In Tile Layouts for Dark Appearance, select Do Not Inherit Light Appearance Tile Layout to prevent the inheritance of light appearance for tile layouts for dark appearance and to tadd tile layouts for dark appearance separately.

    3. Select Add Tile Layout to add one or more predefined tile layout settings from the Tile Layout tool to apply to your tile for a dark appearance. If the same tile layout settings are shared between multiple tile layouts, the top tile layout is prioritized when applying settings.

    4. In the Settings section, select Force Tile Layout Attributes! to enable the settings defined in the tile layouts added to the tile instead of the tile inheriting tile layout settings configured in launchpad layouts and tile group layouts by default.

Results

  • You have configured the layout of your tile group.