Widget Tab

Widget

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

Widget Settings

The Widget Tab is divided into three areas, described below:

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.

3. Widget Settings:

This section shows settings specific to the type of widget selected. It's content will change as you select different types of widgets. Help on each widget's settings is available from the help icon next to the Element Id.

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.