Page Editor

The Page Editor in Workmaster consists of several key elements that help you design and customize your pages. These elements are organized for easy navigation and interaction. Below are the main components of the Page Editor:

1. Widgets Panel

Located on the left side, the Widgets Panel provides a variety of components like text fields, charts, and headers. You can drag and drop these elements onto your page to build and customize the layout.

2. Property Editor

The Property Editor, found on the right, allows you to customize each element’s typography, colors, position, size, and other settings. Tailor each component to your design specifications.

3. Widget Tree

This panel shows the hierarchy of the page's elements, giving you an organized view of your page structure. You can easily drag and drop elements within the tree to rearrange them or edit their properties.

4. Rule Panel

At the bottom, the Rule Panel lets you set up triggers for actions. Define events and conditions, such as showing a popup when the page loads, to create dynamic behavior on your page.

5. Top Bar

The Top Bar provides essential accessibility options for managing your page. It includes navigation tools, viewing modes, and user settings, all designed for quick and easy access.

6. Central Editor

The Central Editor is the main workspace where all your widgets and components are dropped and arranged. This is where you build and visually design the layout of your page, interacting with all other panels for a complete design process.

7. Toolbar

The Toolbar appears when a widget is selected and provides various options for managing the element. It includes buttons to navigate to the parent or sibling elements, as well as options to duplicate or delete the selected widget.