Skip to main content

Container - Layout Component


When you add any component, by default it gets placed on the left side of the canvas. To centralise it, you have to go to the Style Manager to make the desired changes one by one, which obviously will take too much time.

So, use a container instead and save your time because a container allows you to easily centralise all the components added to your canvas at once.


Adding a Container

To add a container, go to the “Layout” category under the Components panel and drag and drop the "Container" component in the canvas.

DrapCode Builder Adding Container

Styling a Container

The moment you click on the added container, the Style Manager opens automatically in the right toolbar. Learn more about the Style Manager to edit a container.

The dimensions of a container can also be adjusted directly by dragging its corners without going to “Dimension” in the Style Manager.


Fixed & Fluid Width of a Container

Under these component setting, the field, "Width" contains the following options that can affect the appearance or the UI of the components inside the container:

  1. Fluid: Full Page width. It will expand to the whole screen irrespective of the size/width of the device.
  2. Fixed: Fixed width on the page. It will remain within the centre of the page. Some area on both sides will remain blank.
DrapCode Builder Container Settings