Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Display widgets on records and tables forms to gain more functionality or for any other purpose.

To add a widget to a form, follow the steps below:

  1. Configure widget displayability before adding it to layout.
  2. Configure the options schema.

After all preparations are done, you can add a widget to a form. For thisTo do so, please complete the steps below:

  1. Open the form you want to add a widget to.
  2. In the hamburger menu, select Configure → Form → Layout.
  3. Add a widget to form layout.
  4. Click Save to apply the changes.

Configure a widget


Firstly, you need to configure a the specified widget to make it available it available for adding. For thisTo do so, please follow the instructions provided in the the Widgets Displaying article.


Add a widget to a form layout


On the form appearedthe form, select a widget you want to add:

  1. Click on a desired widget from the Available box.
  2. Drag -and-drop ше or use form buttons to move the widget to the Selected box.
    Image RemovedImage Added

  3. Define a widget position on the form with Image Removed Image Addedor Image Removed Image Added buttons. Use splitter elements to create the form structure. You can also drag -and-drop items between heapselect fieldsthe boxes, and within a single fieldbox, instead of using buttons.

    Info

    See Form Layout to learn more about form layout configuration.

    Image RemovedImage Added

Configure the options schema


Use the Widget Instance window to specify the widget options. Click on the widget while configuring the layout to call this window.

Image RemovedImage Added

Tip

See Portal widget option to to learn more about widget configuring configuration when adding a widget to a page or to a form.


Panel
titleTo configure the widget options schema, follow the steps below:
  1. In the Schema Option Values field, enter the widget options in JSON format.
  2. Specify the desired widget option values, otherwise, the default values will be applied:


    Code Block
    languagejs
    titleJSON Example
    {
        "tableName": "itsm_incident",
        "condition": "state!=10"
    }


    Info

    The widget of each type has the following common Attributes along with the set of private attributes specified.

    See Portal SimpleTags and Box widgets to learn more.


  3. Click Save to apply the changes and leave the form configuration view.



Table of Contents
classfixedPosition