Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Published by Scroll Versions from space WDESIGNER and version 23.1

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.

Image Modified

The form editor consists of different areas:

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

Customizing the Form Editor

Image Modified

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
  • Five Four Designer Panels are shown in the left sidebar
    • The Service Panel
    • The Controls Panel
    • The Attributes Panel
    • The Validation PanelThe Search Panel

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNametip_panel_management
DisableCachingtrue
PageWithExcerptINTERNAL:_designer_excerpts

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.

UndoIf you want to revert your last actions on the form editor, use this icon.

RedoUse this icon to restore the actions that you had previously undone.

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.

Tip

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.

Tip

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.