3. How to use widgets – user interface building blocks

In Workmaster, the user interface (UI) within a page is built using widgets, which provide various functionalities for creating interactive and dynamic applications. This module covers how to assemble pages with different types of widgets, such as those for data entry, validation, lists, charts, images, and videos. Additionally, it explains how to edit and manage these widgets, including positioning, resizing, and customizing their settings.

Each widget is a distinct element within the app, and understanding how to manipulate them is crucial for creating functional and engaging user interfaces. Below are the core concepts of working with widgets in Workmaster:

Core Widgets and Their Functions

This section introduces several essential widgets used to create interactive and dynamic user interfaces:

1. Page Container Widget

A Page Container is a specialized widget that displays other pages within its area. This allows a single page, such as a Frame Page, to change its content dynamically without needing to reload or refresh the entire page. We will revisit the use of page containers when we learn how to use rules to control widget behaviors based on user actions or data changes.

For more on page containers, refer to the Page Container section in the User Manual.

2. Layout Containers (Layout Widgets)

Layout Containers are widgets used to organize content in structured formats such as tables, grids, or side-by-side arrangements. These containers help maintain a clean and organized layout for the page’s widgets.

To learn how to implement layout containers effectively, visit the Layouts section in the User Manual.

3. Fields (Data Entry Widgets)

Data Entry Widgets are used to collect input from users. These widgets include fields like text inputs, dropdowns, date pickers, and checkboxes.

To learn more about adding and configuring data entry fields, refer to the Field and Headers section in the User Manual.

4. Data List Widget (Repeat)

The Data List Widget is used to display dynamic data that is retrieved from data models and queries. This widget allows you to show lists of data that change over time, making it a key component for any application that requires data presentation.

For more on using data list widgets, refer to the Data List section in the User Manual.

How to Work with Widgets in Workmaster

Follow the detailed instructions provided in the Working with Widgets in Workmaster to effectively work with widgets in the platform.

To reinforce your understanding of using widgets in Workmaster, we highly encourage you to complete Exercise 3.

Last updated