Tiles in Landing pages

Overview

Tiles are the primary way to bring content onto a landing page — people directories, site categories, recognition activity, onboarding blocks, images, and every other tile type you used on the previous home dashboard. This chapter covers how to add tiles, everything in the tile configuration panel, how tile styling works at the tile, page, and brand level, and how tile-level audience targeting completes the landing page visibility model.

Adding a tile to a section

To add a tile, open the section you want to build and choose Tile from the add options. From there:

• Choose the tile you want to add — for example a People tile, Site categories, Recognition activity, or an Onboarding block — and select Add to landing page.

• The tile is placed in the section with its content already attached. In a structured section it fills its column; in a flex section it appears at the widget's minimum size, ready to be resized.

• You can drag and drop tiles to reposition them at any time — between column positions in a structured section, or anywhere on the canvas in a flex section.

Note: Tile creation and editing user flows are intentionally unchanged in this phase of the release. Every tile type supported on the previous home dashboard is available, and the experience of adding content is exactly the same, so there is nothing new for your content managers to relearn. A future phase will introduce new ways of adding tiles, new tile styles, and an updated user experience.

The Edit tile panel

Selecting Edit tile on any tile opens a configuration panel named after the tile (for example, "Site categories"). The panel is organized into three tabs:

A delete option is also available from the tile toolbar, so you can remove a tile from the landing page at any time if you no longer want to show it.

Appearance: tile title

The Tile title control is a show/hide toggle, not a text field. The title text itself comes from the tile you added — it is defined when adding or editing the tile's content — so on the landing page you simply decide whether to display it:

• Enabled — the tile's title is displayed above its content.

• Disabled — the title is removed from the tile on the landing page. The change is applied immediately on the canvas; for example, disabling the title on a Site categories tile removes the "Site categories" heading while leaving the content untouched.

The tile title is optional — there is no requirement to show a title on any tile.

Appearance: tile width

Whether you can control a tile's width depends on the kind of section it sits in:

• In a flex section — a Tile width slider appears in the Appearance tab. You can set the width here, or resize the tile directly on the canvas with its drag handle; both do the same thing. The tile can go from the widget's minimum size up to the full width of the section.

• In a structured column section — there is no tile width control. The columns are fixed, so the tile always takes the width of the column it sits in and sizes to its content vertically. To change how wide tiles appear in a structured section, change the section's column layout instead.

Tile styles: None, Default, Page, and Custom

The Tile style selector in the Appearance tab controls the visual treatment of the tile — its title size, separator, padding, border, and shadow. Four options are available, and each is designed for a different level of reuse:

When you choose Custom (or edit the Page style), the following styling options are available:

Default tile styling in Manage branding

What the Default tile style actually looks like is defined centrally, outside the builder, under Manage branding > Tiles. This is where you design the tile style for your whole tenant.

The branding screen shows a live preview of how tiles will render — including how tabbed tiles look, how list items appear, and how side-by-side content is laid out — and offers two choices:

• Default — the out-of-the-box tile style that ships with the product. If you do nothing, this is what all Default-styled tiles use.
  

• Custom — your own brand-wide tile style. You get the same options as tile-level custom styling: title size (Small, Medium, Large), the separator between title and content, padding, border with border size, border radius, and border color, and shadow. Save your changes to apply them.
  

Any change saved here is propagated to all landing page tiles that use the Default style — both tiles that already exist and new tiles you add later. This makes Manage branding the single place to keep tile styling consistent across every landing page in your organization.

Back in the builder, a tile set to the Page style shows the message "This tile uses page default styling. You can edit the page default to affect all tiles using this style," along with the Edit page default shortcut, and a tile set to Default reflects whatever is currently saved in Manage branding.

Content: adding and editing tile content

The Content tab is where the tile's content lives, and what it shows depends on the state of the tile:

• New tile — when a tile has no content yet, the tab offers to add content. Choose what the tile should show (for example an onboarding block) and select Add to landing page.

• Existing tile — for a tile that already has content, the tab shows Edit tile content. Selecting it reopens the same content picker, where you can change the configuration or select something else entirely to replace the content.

Because the content flows are carried over unchanged from the home dashboard, everything your team knows about configuring each tile type still applies.

Settings: tile-level audience targeting

The Settings tab provides a Restrict to audience option that limits who can see the tile. This is the third and final level of the landing page visibility model — audience targeting is available at every level:

A worked example: suppose a landing page targets your whole organization, and a section inside it has no audience restriction — the section is visible to everyone in the page audience. You then restrict one tile in that section to a specific segment and country audience. Everyone still sees the section, but only members of that segment and country see the restricted tile.

When a viewer is not in a tile's audience, the space the tile would occupy is adjusted automatically so no one sees an awkward gap: in structured sections, the Collapse empty columns behavior removes the empty area and the remaining tiles adjust, and in flex sections the tiles rearrange themselves to fill the space.