Low-Code Designer > Widgets / Widget Builder for Pages

Widget Builder for Pages

With the Widget Builder tool, you can customize the display of a page by arranging various widgets as you see fit. Also in the Builder, you can add widgets that cannot be added otherwise.

To open the Builder and configure widgets on the page, click on the area + Add Widget.

mceclip2.png

начало внимание

Only the users included in the Administrators group can create and configure widgets.

конец внимание

In the provided window, select the Widget Builder option:

widgets_forms2.png

A graphical editor will open. It consists of three tabs: Template, Context, and Scripts.

Template Tab

In this tab, you can fill the page with widgets by dragging them from the right pane to the main area.

mceclip1.png

You can add the following types of widgets:

To edit or delete a widget, select it, and then click on the corresponding icon in the upper right corner.

mceclip2.png

Publish the widgets, to display them on the page and make them visible to users. The widgets will not be visible to anyone except you if they are saved but not published.

.widgets_forms3.png

Before publishing, widgets are automatically checked for errors.

Please note that when displaying widgets, restrictions are applied in accordance with the permissions of the current user. If the widget displays data from an app to which a user does not have access, then the user will not be able to see the data.

Context Tab

In this tab, you can add properties that will be used when writing page scripts. You can read more about the properties types in the article about system data types.

mceclip4.png

Scripts Tab

Here you can write a script to process data. These data can be displayed on the page in widgets.

For example, by using a script, you can display current exchange rates on the page or create a page header that will change depending on the current date.

To do this, on the Context tab, create a variable Header. Add it to the Tex Box widget and write a script which will define the value of the header.

mceclip0.png

Check and publish the script. The header will be displayed on the page as follows:

mceclip1.png

You can read more about the scripts in this article.

Editing and deleting the Widget Builder from the page

You can edit the page configured and published in the Builder at any time, for example, change the set of widgets.

To edit, click the 2.png icon in the upper right corner of the page and select Widget Builder.

mceclip0.png

You can also simultaneously remove from the page all the widgets created and published in the Widget Builder.

To do this, click on the 2.png icon in the upper right corner of the page and select the Delete widget item.

mceclip1.png