Good to know

Learn these features which leverages the form designer activity

Last published at: May 2nd, 2024

Show/Hide toolbox

When working with forms, to maximize the workspace area, the toolbox can be hidden or shown using the menu item “Actions - Toolbox”:

Here's a form designer with a toolbox pane on the left. 

 

You must navigate to the Actions - Toolbox menu option to toggle the show / hide attribute.

 

With the toolbox in hide mode, there's more workspace available on the form designer canvas.

 

 

Grid view

The forms designer provides a grid view to help place controls and align them. The grid view can be easily turned on/off using the menu item “Actions—Grid.”

Here's a form designer with a grid pane visible in the background. Navigate to Actions - Grid on/off menu option to toggle the show / hide attribute.

 

The form designer is rendered with no grid pane in the background. 

 

Set Grid

The Set Grid option can be used to select the grid size for the Form Designer. Click on the “Set Grid” menu item to choose the Grid size as shown below:

 

You must provide the grid size value and click the Set button to confirm. The new grid size is rendered in the background. 

 

Show/Hide controls

The user can “Hide” or make form widget controls “Read Only” or make them “Required” through the “Show / Hide / Required” functionality.  

You must navigate to the Actions - Show/Hide/Required menu option. 

 

A popup is rendered with the Show / Read Only / Required configuration shown below. The empty check boxes indicate no form field configuration, and the ones checked suggest that the form field is configured to hide / read-only / be required. The form field attributes can be managed from this popup window, and these attributes are visible during form execution time.  

 

Set Tab Indexes

The user can set the indexes to the tabs or make Them automatically start from one. Form controls can be sorted in the desired order, and an auto-indexing option is even available.

 

Copy - Paste between form definitions.

The user can copy-paste form controls between form definitions opened in different tabs on the same browser, assuming the form controls in the target environment are unique by their names. When a form control name conflicts with an existing control of the same form type on paste, the form control names are retained or changed. The form control configurations are also copied.

Here's a form control copied from the source to the clipboard. 

 

Here, the form control is pasted on the designer canvas.

 

The form control is copied on the target form designer canvas (provided the source and target definition pages are opened using the same browser session).