The information on this page relates to beta testing within the DXP

This documentation includes information for selected beta testers within the DXP. DO NOT use this unless you have been instructed to do so.

Capsule control

The Capsule control presents at the top-right of a content or component block when the pointer is hovering over that block.

Core Capsule elements

The core elements of the Capsule control are the icon, representing the block or component type, and the chevron-style arrows pointing to the Page outline column to the right of the Preview column.

capsule control quote component
Figure 1. A Capsule control for a Quote component.
capsule control text block
Figure 2. A Capsule control for a text block.

Clicking either the icon or the arrows opens the edit panel for that component or text block.

Other icons appear as part of the Capsule control depending on the current editing context.

Quick options icon

Component developers can, for some components, setup end-user configuration options in addition to content options. See Add a component block for more on these options.

A component with end-user configuration options also makes these options available to end-users via the menu:[quick options] menu, which is added to the Capsule control when such configuration options exist.

capsule control single column component with quick options
Figure 3. A Capsule component control for a Single Column component with quick options set.

When the menu is opened, the configuration option or options both present, and can be changed from within the open menu.

image

No editing locks acquired icon

If editing locks have not been acquired for a particular page the Capsule control also displays a lock icon for each block and component

capsule control text block no editing locks
Figure 4. A Capsule control for a Text component currently on a page without acquired editing locks.

Personalization-specific icons

If Personalization has been applied to components on a page, two presentation changes occur.

  1. An additional icon presents to the immediate left of each Capsule control, denoting which variant applies to the block or component.

    capsule control personalization active
    Figure 5. A Capsule control for an editable Text component when Personalization is active.
  2. On blocks and components that cannot currently be edited, the OpenCapsule control presents a Read-Only icon.

    capsule control personalization active read only
    Figure 6. A Capsule control for a read-only Dynamic Header component when Personalization is active.