Widget Panel

In Workmaster, a widget refers to a reusable component or element that provides a specific function or piece of functionality within a page of your app. These widgets are the building blocks of your app’s user interface (UI), allowing you to create interactive, dynamic, and user-friendly pages.

Widgets are versatile elements that can be customized, arranged, and styled to suit the needs of your app. Each widget serves a particular purpose, such as capturing user input, displaying data, navigating between pages, or visualizing information.

Workmaster lists all the available UI components (widgets) you can use to build your app’s interface. Located on the left side of the canvas, it provides an organized list of widgets, categorized for easy navigation.

To open the Widget Panel, click the arrow icon at the top left of the editor. This will slide out the panel where you can select any widget needed to build the UI.

You can open or collapse different sections within the panel to browse and insert widgets into your project.

The Widget categories typically include:

• Layouts

• Elements

• Fields & Headers

• Process Elements

• Data Objects

• Charts & Tables

• Imported Widgets

Working with Widgets in Workmaster

1. Adding Widgets: To add a widget to a page, simply click to select it from the widget library and drop into the desired location on your page. Widgets are positioned within containers (like grids or flex layouts), which control how they are displayed relative to other elements.

2. Editing Widgets: Once added, each widget can be edited by selecting it and adjusting its properties in the Property Editor. You can change the widget's appearance, behavior, or data connections as needed.

3. Arranging Widgets: Widgets can be easily moved or rearranged in the Widget Tree by simply dragging and dropping them into the appropriate position.

4. Testing Widgets: After configuring and arranging your widgets, you can test the layout and interactivity of the page in Run Mode. This mode simulates how your page will function in the live app, allowing you to make adjustments before finalizing the design.

All Widgets in Workmaster share a set of common properties. See here.

In addition to these, each widget type may also include additional properties specific to its functionality, allowing for more detailed customization and control. The underlying pages cover only the properties relevant to the selected widget.