Containers#

A Container is a tool for placement and arrangement of UI elements. It can contain Widgets, such as buttons, and or other nested containers. Below is a list of all the container types available in No Code UI.

Frames#

The base element needed as the fundamental container for all UI elements. Even if adding Scrolling or Collapsible Frames, a Frame must be the Root Element of any UI. Frames can also be nested for a more complex or robust UI.

There are two kinds of root Frames: one is a standard Window or it can be the entire Viewport.

ScrollingFrame#

A Frame container with optional vertical and horizontal Scroll Bars. Again, a ScrollingFrame must be a descendant of a Frame.

../_images/ext_b_ncui_scrolling_frame.gif

Collapsible Frame#

A Frame container allowing a tab-like collapse feature.

../_images/ext_b_ncui_collapseable_frame.gif

HStack#

An HStack organizes nested Widgets horizontally, into columns. Stacks can be nested to create more complex layouts.

../_images/ext_b_ncui_hstack.png

VStack#

A VStack organizes nested Widgets vertically, into rows. Stacks can be nested to create more complex layouts.

../_images/ext_b_ncui_vstack.png

ZStack#

A ZStack organizes nested Widgets according to from back to front in the rendered Windows and Frames.

../_images/ext_b_ncui_zstack.png

Placers#

The Placer places a single Widget in a particular position based on the offsets specified in the properties.

../_images/ext_b_ncui-placer.gif