Skip to content
aeropage-round-dark
Aeropage Documentation
Dynamic Tools and APIs

Archive


Container


A two-part component that will start by default a new ‘container’ layout within a page and continue the layout until then next container component is found.

How to Use Containers to Display Text Side by Side 📏

By default, all components are displayed in a vertical column, but to have them next to each other, I'll add a container and make sure it starts before the components I want to be inside it. Then, I'll switch off the defaults and change the direction to right, so that it's putting these two items in a row instead of in a column. I'll also put the maximum width of those items to full. If you have line items that you want to show next to each other, you just repeat this pattern each time. Check it out and let me know if you have any questions!



Manual change of start / end in a container

By default container closes when encounter next container. You can change that behaviour with ‘Tag’.
Available values:
Auto(default) - opens container and when other container already exists closes it
Open - opens new container
Close - closes new container
Let’s recreate sample layout
Untitled.png

We have a top level container that is used to create two columns, for text and image.
Untitled 1.png

Then for each column I added its own container with tag open(so it doesn’t close by default), and when column should end, container with a tag close.
Untitled 2.png

Untitled 3.png

Pdf


2024-02-14_18.02.58.gif

image.png
2024-02-14_16.29.49.gif

Image

Untitled.png
Untitled 1.png

2024-02-14_17.43.12.gif

2024-02-14_14.00.51.gif

2024-02-14_15.57.25.gif

Html


Untitled 1.png

Untitled 2.png
image.png

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.