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.

note

Using Group is the old way to display Data inside the App. The new way is to use ListView or GridView.

Read this article to learn when to use Group and when to use ListView or GridView