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 Collapsable 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.

Collapsable 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.

VStack

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

ZStack

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

Placers

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