Container components are components which other components can be placed inside of They help organize your information on a page. Some available container components include tab systems and accordions.
A container component available in Umbria
A container component available in Umbria
Placing a component directly on the page (without nesting it in a container) will display a full blue line at the drop location of the component.
Line appears when placing a component in the editor
Line appears when placing a component in the editor
When placing a component in a container this line will be indented and inside the "Drop Items Here" dotted box. Only items with this dotted box can contain other components.
Line is indented and within a component when nesting components in containers
Line is indented and within a component when nesting components in containers
Navigating the component menu and dragging and dropping a component in a tab system
Navigating the component menu and dragging and dropping a component in a tab system
Some container components such as tab systems, accordions, and Stepper Systems can have parts that can be reordered. For example, tabs can be reordered in a tab system or steps in a Stepper System.
The Stepper System in Umbria
The Stepper System in Umbria
To reorder parts of a container first select the component, then navigate to the "General Settings" tab in the right sidebar under "EDIT COMPONENT". In this tab there should be an "Order" setting preceded by whatever component is being selected at the moment.
"General Settings" tab for the Stepper System component
"General Settings" tab for the Stepper System component
Click the gripper and drag and drop the Stepper section into position.
The gripper on the left of the "Step 2" Stepper section
The gripper on the left of the "Step 2" Stepper section
Container components are components which other components can be placed inside of They help organize your information on a page. Some available container components include tab systems and accordions.
A container component available in Umbria
A container component available in Umbria
Placing a component directly on the page (without nesting it in a container) will display a full blue line at the drop location of the component.
Line appears when placing a component in the editor
Line appears when placing a component in the editor
When placing a component in a container this line will be indented and inside the "Drop Items Here" dotted box. Only items with this dotted box can contain other components.
Line is indented and within a component when nesting components in containers
Line is indented and within a component when nesting components in containers
Navigating the component menu and dragging and dropping a component in a tab system
Navigating the component menu and dragging and dropping a component in a tab system
Some container components such as tab systems, accordions, and Stepper Systems can have parts that can be reordered. For example, tabs can be reordered in a tab system or steps in a Stepper System.
The Stepper System in Umbria
The Stepper System in Umbria
To reorder parts of a container first select the component, then navigate to the "General Settings" tab in the right sidebar under "EDIT COMPONENT". In this tab there should be an "Order" setting preceded by whatever component is being selected at the moment.
"General Settings" tab for the Stepper System component
"General Settings" tab for the Stepper System component
Click the gripper and drag and drop the Stepper section into position.
The gripper on the left of the "Step 2" Stepper section
The gripper on the left of the "Step 2" Stepper section
Container components are components which other components can be placed inside of They help organize your information on a page. Some available container components include tab systems and accordions.
A container component available in Umbria
A container component available in Umbria
Placing a component directly on the page (without nesting it in a container) will display a full blue line at the drop location of the component.
Line appears when placing a component in the editor
Line appears when placing a component in the editor
When placing a component in a container this line will be indented and inside the "Drop Items Here" dotted box. Only items with this dotted box can contain other components.
Line is indented and within a component when nesting components in containers
Line is indented and within a component when nesting components in containers
Navigating the component menu and dragging and dropping a component in a tab system
Navigating the component menu and dragging and dropping a component in a tab system
Some container components such as tab systems, accordions, and Stepper Systems can have parts that can be reordered. For example, tabs can be reordered in a tab system or steps in a Stepper System.
The Stepper System in Umbria
The Stepper System in Umbria
To reorder parts of a container first select the component, then navigate to the "General Settings" tab in the right sidebar under "EDIT COMPONENT". In this tab there should be an "Order" setting preceded by whatever component is being selected at the moment.
"General Settings" tab for the Stepper System component
"General Settings" tab for the Stepper System component
Click the gripper and drag and drop the Stepper section into position.
The gripper on the left of the "Step 2" Stepper section
The gripper on the left of the "Step 2" Stepper section