Container - Sectioning, Styling and Repeating

The Container is multi-purpose UI Component, and may be used for partitioning a screen into sections, control alignment and padding/margins of content, create custom clickable graphics, or custom lists or tiles. The Container also controls which part of a screen should be scrollable.

Video

You may see a video on screen sectioning below:

This video shows you have to divide a screen into different sections by combining Containers with flex horizontal, flex vertical and stretch.

Examples

You may find examples of using the Container for creating a custom listing of "tiles" in our Showroom:

• https://showroom.appfarm.app/ui-templates/tiles
• https://showroom.appfarm.app/ui-templates/tiles-swipe

Documentation

Relevant articles in our documentation:

• The Container
• Flex settings