Group

This widget is used to group widgets together.

<group col="1">
    <label string="This is a label inside a group" />
    <label string="This is another label inside a group" />
</group>

This is a label inside a group

This is another label inside a group

A group with a title

<group col="1" string="Group title">
    <label string="This is a label inside a group" />
</group>

Group title

This is a label inside a group

A group with title and icon

<group col="1" string="Group title" icon="star">
    <label string="This is a label inside a group" />
</group>

Group title

This is a label inside a group

A group with a custom background color

v2.74.0

Is possible to set a custom background color for the group using the widget_props attribute.

<group string="Title" widget_props="{'backgroundColor': '#FF0000'}">
    <label string="This is a label inside a group" />
</group>

Group title

This is a label inside a group

A group with a spinner inside

v2.38.0

Is possible to add a spinner inside the group to indicate that the group is loading.

<group col="1" string="Group title" loading="1">
    <label string="This is a label inside a group" />
</group>

Loading...

Group title

This is a label inside a group

Note

You can use attrs to set the attribute of loading depending on a condition. See the attrs documentation for more information.

API

Property	Description	Type	Default	Version
colspan	The number of columns that the group will span	number	1	-
col	The number of the columns that will have inside the group	number	4	-
loading	If the group is loading to show a Spinner	boolean	-	v2.38.0
height	The height of the group	number	-	v2.42.0
widget_props	The widget properties to pass to the group	object	-	-

Widget props

Property	Description	Type	Default	Version
backgroundColor	The background color of the group (in hexadecimal format)	string	-	v2.74.0