Context Menu Properties

This section explains the contextual properties for multiple components in a Dashboard.

Use Context Menu Properties to align, size, space, lock, duplicate, or delete multiple components at once on the Designer canvas.

Prerequisites:

Drag multiple components onto the canvas.
Select at least three components to expose the full set of layout actions (Equal Space requires ≥3).

On the Designer canvas, select multiple components (Shift-click or marquee).
Right-click the selection to open the context menu.
Choose any of the actions below.

Align Left – Aligns the left edges of all selected components to the leftmost item.
Align Right – Aligns the right edges to the rightmost item.
Align Top – Aligns the top edges to the topmost item.
Align Bottom – Aligns the bottom edges to the bottommost item.
Align Horizontal – Centers all selected components horizontally to a common vertical axis (horizontal centers align).
Align Vertical – Centers all selected components vertically to a common horizontal axis (vertical centers align).

Equal Space (Horizontal) – Distributes the selection evenly along the x-axis between the leftmost and rightmost items. (Requires ≥3 selections)
Equal Space (Vertical) – Distributes the selection evenly along the y-axis between the topmost and bottommost items. (Requires ≥3 selections)

Equal Height – Sets all selected components to the same height as the first anchor item.
Equal Width – Sets all selected components to the same width as the first anchor item.

Manage Group – Opens the Manage Group toolbar for bulk actions (Hide All, Lock All, Delete All, Duplicate). Use this when you need to apply changes across many objects quickly.

Lock Selected – Prevents the selected components from being moved or resized. (Content remains interactive.)
Unlock Selected – Restores editability for previously locked components.

Duplicate Selected – Creates copies of the selected components with new IDs; duplicates may be slightly offset to avoid overlap.
Delete Selected – Removes the selected components from the canvas (confirm if prompted).

Notes & Tips:

Snap & Grid: For pixel-perfect layouts, enable Show Grid Lines and Snap to Grid Size in Preferences before aligning or spacing.
Anchor item: For Align/Equal Height/Equal Width, the first selected (or boundary extreme) typically acts as the anchor.
Scripts & IDs: After Duplicate Selected, update any scripts or cross-component references that target the original component IDs.
Z-order unaffected: Alignment and spacing do not change stacking order; adjust order from Manage Dashboard Components if needed.
Iterative layout: Align → Equal Space → Equal Size is a reliable sequence for clean rows/columns.

Actions are disabled: Ensure multiple components are selected; Equal Space needs three or more.
Unexpected alignment: Check which item is acting as the anchor; re-select in the desired order and retry.
Can’t drag an item: It may be locked—choose Unlock Selected or unlock from the Objects panel.
Duplicates not responding: Verify event scripts reference the new IDs (not the originals).