With the 10Web Builder, you build your page on the canvas using elements from the panel. These include containers, widgets, and more. By clicking on the +Elements button you will have two ways to add elements to the canvas:
- Drag an element to the canvas
- Click an element
Note:
If you need a certain element try to search it in the search bar with a related keyword.
Drag an element to the canvas
- In the panel, click and drag the element you want to use to the canvas.
Click an element
Sometimes with complex layouts, such as nested containers, it can be difficult to drag and drop elements exactly where you want them. Placing an element with a click allows you to select where you want to place the element and then add it to the canvas with a click.
To add an element by clicking:
- On the canvas, select where you want to place the element.
- Click the element in the panel. The element appears on the canvas. The location where the element appears depends on whether you’re using containers or sections.
When using containers:
- If you did not select a specific location on the canvas, by default the element appears in a new container at the bottom of the page.
- If you select a location, the element appears as follows, depending on what you selected:
What you select:
An empty container: The element appears in the selected container.
A container that already contains elements: The element appears either next to or under the existing elements, depending on whether your container is set to horizontal or vertical.
An element (in a container): The element appears either next to or under the selected element (depending on whether your container is set to horizontal or vertical).