Add Actions to a Unit
Add Button Actions to a Unit
Select one or multiple units.
Click the Context menu icon.
A pop-up window will appear.
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.
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.
Last updated