Skip to main content

Groups

On this page you will learn:

  • What are Groups and why are useful
  • How to Group widgets together

Grouping widgets is a powerful feature designed to enhance the organisation or widgets and facilitate design in Nowa. This feature allows you to efficiently manage and manipulate multiple widgets as a single unit.

How to Group and Ungroup Widgets​

This is how you group widgets in Nowa:

  • Select multiple widgets in the designer board or in the outline.
  • Right click → Group
  • You can also use the shortcut: ctrl/cmd+G

This is how you ungroup widgets in Nowa:

  • Select the group you want to ungroup in the designer board or in the outline.
  • Right click → Ungroup
  • You can also use the shortcut: ctrl/cmd+G

Group Properties​

Alignment → Choose where your widgets should sit inside the group, like in the center, top-left, or bottom-right.

Text Direction → Determines the order and direction in which the child widgets are laid out, especially when dealing with text or any sequence-dependent widgets.

Fit → Defines how the size of the group is determined relative to its parent and its children.

Children → The Children property lists all the widgets that are included within the group. You can add new widgets from here that will go inside the group.

💡 Note: Groups can be converted in Columns and Rows to make designs responsive, to learn more about it check Rows and Columns and Intro to Layout.