Add Actions to a Unit

Add Button Actions to a Unit

1

Select one or multiple units.

2

Click the Context menu icon.

A pop-up window will appear.

3

Select Wrap in button option.

This action is also available via the keyboard shortcut ⇧ (Shift) + B.

The following structure will appear:

a. Structural Button: a button element;

b. Structural Container: a container that appears automatically with the button element;

c. Wrapped unit: a unit that has a structural container as a parent unit.

Set Structural Button

Grid tab

Set the structural button control options the same way as the units management and customization options.

Animation tab

Set the structural button animation options the same way as the units animation.

Element Tab

Set the structural button branding in the same way as the general button element branding, except for the following options:

• Start course icon;

• Typography.

Data Tab

Set the structural button actions the same way as the general button element.

Set Structural Container

Manage Structural Container

Structural container layouts automatically appears when you add actions to a unit.

Select a structural container to perform an action.

Structural type layout management options does not include all unit management options.

№	Action	Description
1	Copy	Go to the context menu and select the Clone option; Use the keyboard shortcut Cmd (Ctrl) + D. A duplicated unit will appear to the right of the original unit.
2	Lock	Click the Lock from editing icon at the Block structure tab; Use the keyboard shortcut ⇧ (Shift) + L.
3	Unwrap	Go to the context menu and select the Ungroup option; Use the keyboard shortcut ⇧ (Shift) + U. A unit will be unwrapped from the current layout. A Block structure tab will be opened.
4	Navigate	Use the keyboard shortcut ⇧ (Shift) + ↑→↓←. Navigate through the layout: ⇧ (Shift) + left / right keys will change nesting (drop into children, drop out into parents); ⇧ (Shift) + up / down keys will switch to the previous / next neighbor. A Block structure tab will be opened.

Customize Structural Container

Customize the structural container in the same way as the general container.