Skip to content

Available islands

There are 5 type of islands:

  • View panels: They are displayed tabbed in the center of the toolbar, or as buttons in the start of the toolbar
  • Buttons: they are displayed as buttons in the end of the toolbar
  • Library panels: They are displayed tabbed into the Library View panel.
  • Menu items: they are displayed in the contextual menu triggered with right-click.
  • Contextual panels: They are displayed tabbed into the contextual sidebar.

Visual positioning:

Islands region

Display Builder is shipped with those ones by default:

View panels

Libraries

Pick elements from libraries and drop them in the display.

By default, 3 libraries are available:

  • Components for SDC
  • Block for all other data sources for slots (field, blocks, WYSIWYG...)
  • Presets for pattern presets

Library

Builder

The Display Builder main island. Build the display with dynamic preview.

Builder

Layers

Manage hierarchical layer view of elements without preview.

Layers

Layers is better for dropping components and blocks when the preview in the builder panel is making things complicated.
For examples: a modal, a sliding slider, a collapsing accordion is hard to manipulate when built.

Tree

Hierarchical view of components and blocks.

Library

Preview

Show a real time preview of the display.

Preview

Logs

Logs based on changes history.

Logs

🚧 2025-11-09: History steps are currently limited to 10.

Buttons

When a buttons island is made of proper button component it is possible to configure for each of them:

  • to be displayed with label and icon
  • to be displayed with label only
  • to be displayed with icon only
  • to not be displayed

History

Undo and redo changes.

History

🚧 2025-11-09: History steps are currently limited to 10.

State

Publish and reset the display.

State

With 3 available buttons:

  • Publish
  • Restore (Restore to last published version)
  • Revert (for entity view override only, revert to default display for this entity)

Controls

Control the building experience.

Controls

Real-time collaboration

See real-time collaboration documentation.

Preview

Viewport switcher

Change main region width according to breakpoints.

Preview

Back

Exit the display builder and go back to admin UI.

Preview

Library panels

Components

List of available components (SDC).

Preview

A specific configuration allow to pick available components.

Blocks

List of available blocks.

Preview

Presets

See patterns presets documentation.

Available on secondary click on a block, component or slot, in Builder or Layer panels:

Logs

The menu title is the block, or component with tree position.

Preset

See also: patterns presets documentation.

Delete

Remove a component or block with all children.

Contextual panels

Contextual form

Configure the active component or block.

Styles

Apply style utilities to the active component or block.

Skins

Override CSS variables for the active component or block.

Visibility

Set visibility conditions for the active component or block.

See also