When you open a form from the service panel, a second tab will open, displaying the form in the Form Editor. This is where you design your form.

The form editor consists of different areas:

  1. Form Editor 
  2. Form Toolbar
  3. Elements Toolbar
  4. Designer Panels

Customizing the Form Editor

You have several options to adjust the form editor. When you open the editor for the first time, the default view is displayed:

  • The Form Editor is displayed in the center
  • Four Designer Panels are shown in the left sidebar
    • The Service Panel
    • The Controls Panel
    • The Attributes Panel
    • The Validation Panel

The Toolbars

Two toolbars are available for working with the Form Editor:

The Form Toolbar

The form toolbar assists you during modeling on the form editor:

The following table explains the available tools:

Tool IconTool NameDescription

Column Layout

Change the number of columns in the form. Split the form from one to six columns.

ExportUse this icon to export your form in JSON format.

ShareWhen you click the Share icon, the URL of your form is copied to the clipboard, and you can paste it elsewhere, for example to an email.

Go to Library
Click on this icon to highlight the corresponding class in the  Service  panel.

Undo

Redo

The Elements Toolbar

The elements toolbar contains all form elements that you can create on the form editor.

By default, the elements toolbar only displays the icons of the available form elements.

You can expand the toolbar by using theicon. In its expanded version, the names of all elements are also displayed.

In chapter Supported Form Elements all elements and their specific properties are described.

To add a new form element to your form, drag the element from the toolbar and drop it on the form editor.

To cancel the operation, press the Esc key.

Go to page Adding Form Elements for further details.

The Form Context Menu

A context menu supports the user during the creation of a form.

Tools Context Menu


If you right click on an element, the tools context menu opens. Use it to edit the current element.

The following options are available:

IconDescription
Select all elements.
Delete the element.
Copy element.
Cut the selected object.
Paste the element to the form.

Shortcuts

You can also use shortcuts on the form editor.

ShortcutDescription
Esc

Pressing the Esc key aborts the following processes:

  • adding a new element
  • closing a dialog
  • changing the name of an element
  • changing in the Attributes panel
  • selecting a date
DelPress  Del  to remove selected elements from the diagram pane.
Ctrl + Shift + DCloses all tabs and switches to the Explorer tab.
Ctrl + 1, 2, 3 ... 9Opens the tab corresponding to the chosen number. The first nine opened models are offered for activation. Press a number to activate the corresponding form and bring it to the foreground.
Ctrl + Z
Undoes previous editing steps.