Adding Containers
To start customizing this page, you just need to be on the page you want to modify and make sure you're in builder mode. If builder mode is properly activated, you'll have a button that will be located at the bottom or top of your screen - you might need to scroll up or down to see the button. When you click on it, a container-type dialog will offer you 3 types of: - Simple container that will take a specific area in the center of the screen - Full-width container that takes the entire width of the screen and just adds padding on the sides to avoid having nested components stick to the screen edges - Background container: this one is a bit special and will be the most used with a background section to add Hero or Hero server type components. When you click on the container that interests you, it will be dynamically added to your page and you'll have several options.
To start customizing a page, make sure you're on the page you want to modify, and that Builder mode is activated.
Builder Mode Activation
Once the mode is activated, a contextual button will appear at the bottom or top of the screen. You may need to scroll the page to see it appear.
Container Type Selection
By clicking on this button, a "Container" type dialog window will open.
You can then choose from three types of containers, depending on the desired layout:
Simple container: occupies a fixed central area of the page, ideal for short or centered content.
Full-width container: takes the entire width of the screen, with internal margins (padding) on the sides to prevent components from touching the screen edges.
Background container: designed for visually impactful sections like banners (Hero) or server-type blocks. This type is most frequently used to structure a modern page.
Once a container is selected
As soon as you've clicked on the container that interests you:
It will be dynamically added to your page.
A contextual options bar will appear to manage this container.
Available options for each container:
Movement arrows: allows you to change the order of the container on the page (move it up or down).
Customization button: opens the Dialog Builder to visually configure the container.
Section addition: allows you to add one or more sections inside the container.
If you've understood this first step, you're ready to move on to the next: adding and customizing a section to structure your content.
Last updated