Skip to main content

Right Panel

The right panel of the Editor screen lets you change a form's design and add data sources and interactions to a component or a form.

Right Panel

The right panel has two main views:

  • Design view lets you design each component of the form or add a global form setting like label position or elements size.
  • Content view lets you populate components with data.

Design View​

In Design view, you can change a component's properties. For example, you will be able to change:

  • the default value of the field
  • visibility,
  • presentation,
  • read-only property,
  • position, and
  • size.

To change the design properties of a specific component, simply click on it and change its properties in the right panel.

NOTE Since different components have different properties and capabilities, the content of the right panel changes depending on which component you have selected on the canvas.

Each component has different settings bound to it. These settings are described in the Form Components section.

Default Value​

The default value of all fields can be set here in the design view. You can not set default values directly in the editor. If you wish you can use plain simple values, or you can use expressions and make use of our expression assistant to help you with even more complex functions and calculations.

Content View​

Content view enables you to populate components with data. In this view, you can:

  • see component details,
  • add selection values,
  • bind data source from an external API or AQL variable,
  • add additional properties,
  • add field validation,
  • edit widget configuration and add data to widgets,
  • components, and
  • replace a field.

NOTE The content of the Content view changes depending on the type of component you select on the Form Builder canvas.

Each component has different settings bound to it. These settings are described in the Form Components section.

Details​

The Details section in right's panel Content view allows you to see a template's path and, if applicable, field type. Here, you can also add a tooltip to a component.

Selection Values​

The Selection Values section enables you to add predefined options, values to chose from when the form is being filled in.

Each predefined option has value and view properties.

Selection View and Value

View property is marked with the eye icon and lets you show or hide a specific predefined value from a form's interface. Value property is the data that you will save in a form composition.

You can add new selection values by filling in the Add new option field and clicking the + icon. You can change the option's value next.