Skip to content
中文
Beijing Xingzhen Technology logo

Group Configuration

Group Configuration Page ​

This page allows you to create and edit group configurations and view real-time monitoring.

Group configuration page

Create Product Group ​

Click Add, then select Product Group.

Product group
New group screen

Create Non-Product Group ​

Click Add, then select Non-Product Group. Non-product groups can only be viewed on the desktop group dashboard configuration page.

Non-product group
Non-product group screen

Edit Canvas ​

Modify the canvas resolution to fit the mobile interface. (If primarily viewed on desktop, select a resolution suitable for computers.)

Edit canvasCanvas resolution settings

Add Variables ​

Add variable controls in the group and bind device parameters.

Add variables

Select Variable Parameters ​

Select the device parameters to bind.

Select variable parameters

Variable Added ​

The result after adding a variable.

Variable added

Edit Appearance ​

Edit the appearance style of controls. Remember to save.

Edit appearance

View Group in Browser ​

After editing the group, you can view real-time group monitoring on the web.

View group in browser

Jump to Detailed Monitoring ​

Click to jump to the detailed monitoring screen.

Jump to detailed monitoring

Desktop Group Preview ​

The display effect of the group on desktop.

Desktop group preview

Mobile Group Preview ​

The display effect of the group on mobile devices.

View group in mobile app
Mobile group preview

Add External Images ​

You can add external image resources in the group.

Add external images

Upload Images ​

Image upload path: Device Management → Group Configuration → Group → My Gallery Management → Add

Upload images

Group Screen Introduction ​

On the left side of the group screen are control icons, galleries, and decorations. If none are suitable, add them to the new gallery.

Group screen introduction

Right Side Properties Panel ​

The right-side properties panel sets the functions of group controls.

Right side properties panel

Data ​

Set the value or status of the control.

Appearance ​

Set the appearance style of the control.

Animation Effects ​

1. Hide ​

When the associated parameter is a specific value, the control is hidden — not visible on the interface, and clicking its empty position has no effect.

For example, in Mode A, controls b and c are disabled. Hiding controls b and c achieves the disabled effect.

When the selected parameter is a specific value, the control blinks.

3. Path Animation ​

When selected, the control moves from position 1 to position 2. Data points can be associated with relevant parameters to see parameter changes, such as capacity, height, depth, etc.

4. Events and Actions ​

Effects triggered when clicking (single-click or double-click) the control. Options include: open link, open group page, operate variable, show/hide, submit input box.

Group screen control properties 1
Group screen control properties 2

Control Quick Tools ​

The group editor provides quick tools for efficient editing and operation.

Control quick tools

Xingzhen Developer Docs · Continuously updated