Widget Tab

Widget

The Widget tab provides core settings for identifying and sizing your element across different devices.

1. Element ID:

A unique name used to reference the element in workflows. This allows you to trigger actions, apply logic, or update the element's content or visibility based on conditions defined in the Workflow section.

2. Responsive Settings:

This section allows you to define device-specific styles for:

• Width

• Height

• Font Size

• Row Span

• Col Span

You can customize these values for each device type: Desktop, Tablet, and Mobile — ensuring the element looks great across screen sizes.

Widget Tab

Use the device toggles at the top of the Property Editor to switch between views and apply responsive styles.

If a value is left "Unset," it may inherit layout behavior from its container or the default styling rules.