Theme

Setup

Placement & command bar

You can use a configured form in two places:

VariantUseTypical mode
Web part on a pageRequest form, data entry page, search and edit through the item pickerNew item (or the picked item with item picker)
Commands in the command bar of the listCreate, edit and display items directly in the list using the configured formNew, edit, display

The web part

  1. Edit the page and add the web part «SoftForge Dynamisches Formular» via +. The name of the web part is always German, regardless of the display language.
  2. In the property pane (group «Form») you choose where the configuration comes from (see below).
  3. Save or publish the page.

📷 Screenshot to follow: Web part gallery with the entry «SoftForge Dynamisches Formular» (dynamicform/webpart-katalog.png)

Without the item picker, the web part always shows a form for a new item. You open existing items through the commands in the command bar of the list – or through the item picker.

To configure a web part, the permission to edit the page is sufficient.

Note

According to the package definition, the web part is intended for SharePoint pages, full-page apps and for Microsoft Teams (tab and personal app) on SharePoint Online. The display in Teams is not part of this documentation and was not examined in detail here.

Own configuration or configuration of the list

In the property pane, the switch «Use the configuration of the list» (On/Off) decides where the form gets its configuration from.

SwitchBehavior
OffThe web part stores its own configuration in the page. «Configure form …» opens the configurator. Below it a summary such as «Requests: 3 sections, 12 columns», «Not configured yet» or «The configuration is invalid» is shown.
OnThe web part uses the configuration that was saved in the list through the command «Dynamisches Formular konfigurieren». This way you configure a form once and use it on any number of pages. Choose the list in the «List» selection.

Note

With «Use the configuration of the list» switched on, changes to the list configuration affect all pages that use this form. As long as no configuration has been saved for the list, the web part shows the message «No form is configured for this list yet. Open «Configure dynamic form» from the command bar of the list.» (the command itself is labelled «Dynamisches Formular konfigurieren»).

📷 Screenshot to follow: Property pane with «Use the configuration of the list» switched on, list selection and item picker (dynamicform/en/webpart-listenkonfiguration.png)

Display: directly on the page or as a dialog

On the Appearance tab of the configurator you decide how the form appears (see also Configuration):

  • Directly on the page: The form is part of the page, with title and description above it.
  • A button that opens a dialog: Only a button appears on the page (default label «Open form»). A click opens the form in a dialog.

Four widths are available for the dialog:

ChoiceWidth
Small480 px
Medium640 px
Large (default)960 px
Extra large1280 px

The content of the dialog scrolls when the form is longer than the available space.

📷 Screenshot to follow: Page with the button «Open form» and the opened dialog (dynamicform/en/webpart-dialog.png)

Item picker

With the item picker, visitors first search for an existing item and open it in the form – for editing or for display only. The setting is located:

  • with an own configuration on the Source tab of the configurator,
  • with «Use the configuration of the list» directly in the property pane of the web part.
SettingDescription
Let visitors pick an existing item (Source) or Show the item picker (property pane)On: visitors search for an item first. Off: the form always creates a new item.
Search and display byColumn that is searched and whose value appears in the result list
Picked itemOpen for editing or Display only

How the search works:

  • Without a search term, the newest items appear (highest ID first).
  • A purely numeric value is searched as the ID of the item.
  • Any other text finds items whose value in the search column starts with this text.
  • At most 50 results are shown. Narrow the search down if there are more.
  • Editable columns of type text, choice and number are available as search column.

Warning

In large lists (more than 5000 items), text search only works if the search column is indexed (list settings → indexed columns). Otherwise a message appears that the list is too large; search for the ID of the item instead. In the property pane, the web part warns in advance about a search column that is not indexed.

After the selection, the item appears in the form. «Back to the selection» takes you back to the search. After an item has been saved, the form switches to display.

📷 Screenshot to follow: Item picker with search box and result list (dynamicform/en/elementauswahl-suche.png)

📷 Screenshot to follow: Picked item in the form with the info bar and «Back to the selection» (dynamicform/en/elementauswahl-formular.png)

The commands in the command bar

Four commands appear in the command bar of custom lists. The labels of the commands are always German, regardless of the display language.

CommandVisibleEffect
Dynamisches Formular 'neu'alwaysCreate a new item in the dynamic form
Dynamisches Formular 'bearbeiten'exactly one item selectedEdit the selected item
Dynamisches Formular 'anzeigen'exactly one item selectedDisplay the selected item
Dynamisches Formular konfigurierenonly with the «Manage Web» permissionOpen the configurator for this list

The forms open in a dialog titled «New item», «Edit item» or «Display item». The width of the dialog corresponds to the «Dialog width» setting of the configuration (default: Large). The mode results from the chosen command and is not configured.

Requests
Dynamisches Formular 'neu'Dynamisches Formular 'bearbeiten'Dynamisches Formular 'anzeigen'Dynamisches Formular konfigurieren
ABOffice furniture quoteExternal
MMElevator maintenance contractInternal
LPReplacement projectorOther
New item
Title*
Office furniture quote
Category
External
SaveCancel
Command bar of a list with the four commands and an open dialog (example illustration)

Good to know:

  • As long as nothing is configured for a list, the commands «neu», «bearbeiten» and «anzeigen» point this out: «No form is configured for this list yet. Choose «Configure form» in the command bar.»
  • The commands appear only in custom lists, not in document libraries.
  • The configuration of the list is stored in the library config of the site – see Installation.
  • Saving the configuration requires the «Manage Web» permission. If it is missing, «Configuring requires the «Manage Web» permission.» appears.
  • In the dialog «Configure form», the list is fixed. To configure another list, open the command in the command bar of that list.

📷 Screenshot to follow: Configurator from the command bar with the list selection locked (dynamicform/en/befehlsleiste-konfigurator.png)

We use cookies to continuously improve our website and service. Privacy policy
Previous
Rules & default values