Widgets are the building blocks placed on application pages.

They display information, collect user input, provide navigation, and allow users to perform actions. A page can contain one or several widgets, depending on the purpose of the page.

Examples of widget use include:

• showing records in a table;
• creating or editing a record through a form;
• opening another page with a button;
• displaying instructions or supporting information;
• presenting files or related data etc.

Add a widget #

To add a widget:

1. Open the relevant application page.
2. Enable Layout edit mode.
3. Select the option to add a widget.
4. Choose the widget type.
5. Configure the widget settings.
6. Connect it to the relevant data or action, where required.
7. Save your changes.
8. Review the widget.

The exact settings depend on the selected widget type.

Connect widgets to data #

Many widgets need to be connected to a dataset before they can display or manage information.

For example:

• a table is connected to a dataset to show its records;
• a form is connected to a dataset to create or edit records;
• a details widget uses the selected record from another page or widget;
• a dropdown may use values from another dataset or connected system.

When configuring a widget, verify that:

• the correct dataset is selected;
• the required fields are included;
• filters are configured correctly;
• record relationships are working;
• users have permission to access the data.

Arrange widgets on a page #

In Layout edit mode, you can organize the widgets displayed on a page.

Depending on the available layout options, you may be able to:

• move widgets;
• resize widgets;
• reorder widgets;
• duplicate widgets;
• remove widgets;
• configure their visibility.

Arrange widgets according to the user’s task. Place the most important information and actions where they are easy to find.

Common widget types #

Auclio currently includes the following widget types:

Text #

Use the Text widget to add headings, instructions, explanations, or other supporting content to a page.

Table #

Use the Table widget to display multiple records from a dataset. Depending on its configuration, users may be able to search, filter, sort, open, create, or edit records.

Text Grid #

Use the Text Grid widget to display selected record information in a structured grid. It is suitable for summaries, details pages, and layouts where several values need to be shown clearly.

Form #

Use the Form widget to create a new record, edit an existing record, or display record information through configured fields.

Button #

Use the Button widget to provide a clear action, such as opening another page, creating or updating a record, or triggering a configured action.

Card #

Use the Card widget to present selected information in a compact, visually distinct block. Cards can be used for summaries, key details, or entry points to other parts of the application.

Divider #

Use the Divider widget to separate sections of a page and improve readability. It does not display data or perform actions, but helps organize the layout.

You can add a widget by clicking it or by dragging it onto the page. A preview shows where the widget will be placed.