Position Components

Wyn Enterprise provides flexible layout and design tools to help you efficiently arrange components in your dashboard. This article covers how to swap component positions, group or ungroup components, and perform basic operations such as cut, copy, paste, and delete.

Swap Component Positions

You can quickly exchange the positions of two components on the design canvas:

Select the two components you want to swap using either the mouse or Ctrl+click.
Right-click the selection and choose Swap Positions.

The positions of the selected components will be exchanged automatically, maintaining their layout proportions.

Grouping Components

To streamline layout and editing, you can group multiple components into a single unit. This is useful when you have several related visual elements that you want to move or manage together.

Group Components

Select multiple components using the mouse drag (frame selection) or by holding Ctrl and clicking each component.
Right-click the selection and choose Group.

Grouped components behave as a single unit, allowing you to move or resize them together.

Select and Edit Within a Group

To interact with an individual component within a group:

Click any component once to select the group.
Click the same component again to select it individually.
You can now move, resize, or modify just that component within the group.

To reselect the entire group, click outside the group and then click any of its components again.

Note: Grouped components can also be integrated into other applications using URL or DIV embedding options.

Ungroup Components

To ungroup:

Select the grouped components.
Right-click and choose Ungroup.

All components will return to individual elements.

Cut, Copy, Paste, and Delete Components

Wyn supports standard editing operations for dashboard components:

Cut: Right-click and choose Cut, or press Ctrl+X.
Copy: Right-click and choose Copy, or press Ctrl+C.
Paste: Right-click and choose Paste, or press Ctrl+V.
Delete: Right-click and choose Delete, or press the Delete key.

If only one component is selected, you can also click the delete icon in the upper-right corner of the component to remove it.