Configuring Grid Layout tile-specific settings

To configure settings specific to Grid Layout tiles:

  1. Click the gear icon > Items.
  2. Create grid items using Manage Items > Create Item.

    Grid Layout tile: Creating item
  3. For each Grid Item, specify the following:

    Grid Layout tile: Item details
    • Item Title
    • Title Size: H1, H2, H3, or H4
    • Brief Description
    • Add a Link, with the relevant option to Open link in new window?
  4. The Background type for a grid Item can be provided as:

    Grid Layout tile: Background settings, example 1
    • an Image Url along with the Background Position. The Background Position displays the part of the image, as specified:
      • left top/center/bottom
      • right top/center/bottom
      • center top/center/bottom

    Grid Layout tile: Background settings, example 2
    • a Background Color. Additionally, here a suitable icon can be selected from those available in the Icon Picker, along with an Icon Style (either Light or Dark).
  5. Select one of the following options to configure the grid Item Size:

    Grid Layout tile: Item size selection
    • Square-shaped: occupying: 2 columns/2 rows or 1 column/1 row
    • Rectangular: occupying: 2 columns/1 row or 1 column/2 rows

    Example:


    Grid Layout tile: Tile wireframe example
  6. Choose an Item Style for displaying the grid item.

    Grid Layout tile: Selecting item style

    Grid Layout tile: Selecting item style, the Show Overlay on Hover option

    The Item details can also be displayed only on Hovering, if Show Overlay on Hover is configured.

  7. Specify the Background Color, Background Opacity (0.1 to 1.0) and Text Color per Grid Item.

    Grid Layout tile: Selecting text and background colors
  8. Create as many Items as required with similar configurations.
  9. Click Save Tile Settings.

Grid Layout tile is configured successfully.