Low-code designer > App builder > Context extension in apps / Add fields to the extended context

Add fields to the extended context

After importing the solution, you can customize the locked app by adding new fields to its forms through context extension.

The option is available if the developer allowed to augment the app context when creating the solution.

  1. To add a field, click the clip0189 icon сnext to the app name and select Context Extension.

ext_context2

  1. n the opened window, on the Context tab, create properties in the same way as on the Context tab in the app form settings.  Note that the _extended suffix is automatically added to the name of the new property.

ext_context3

  1. Now place the properties on the app forms. To do this, move them to the Create, View, and Edit tabs. The extended context property will appear on the form in the location where the developer placed the Extended context display widget.

ext_context4

If the developer of the solution has not placed the Extended context display widget on the form you selected, the added properties will not be displayed.

Note that properties from the extended context are not available in the form settings but are displayed in the general list of context variables when creating a script, business process, and widget.

Create a widget with properties from the extended context

Properties from the extended context can be used to create a convenient user interface using widgets. Let’s consider such an example.

The developer of the Employee page app has customized an extended context and added the Extended context display widget to the Additional tab of all app forms.

ext_context5

We will import the solution with the Employee page app into our company.

Even though the app is locked, we can add new fields thanks to the Context extension setting. Let’s add family information to the forms:

ext_context6

The new fields are displayed on the app form on the Additional tab in a list:

ext_context7

Let’s customize the display of added fields on the form in two columns. To do this, let’s create a widget:

  1. In the Context Extension settings menu item, open the form tab where you want to place the widget, for example, the Create tab.
  2. In the Widget field, click the Default link. The Create widget button will appear. Click it to proceed to create the widget.

ext_context8

  1. In the opened window, fill in the fields:

ext_context9

Specify the name and code of the widget, add its description and icon. Please note, the  _extended suffix will be automatically added to the widget code after its creation. 

Click Save. After that the widget template will open in the interface designer.

  1. Drag the Columns widget and properties from the extended app context to the modeling field.

ext_context10

Read more about how to place the widget in Form templates.

  1. Save and publish the created widget. It will be displayed on the form in the location where the developer placed the Extended context display widget.

ext_context11

You can use the created widget on other app forms, as well as customize its system functions.

Found a typo? Highlight the text, press ctrl + enter and notify us