Customize custom forms

  • 7 minutes

Apart from the ID property, custom forms offer a wide variety of other properties for each element. In this section, you'll use some of these properties to customize the previously created form.

Before customizing any specific element, select the blank workspace in the custom form designer to access the main dialog's properties.

In this example, the minimum height of the dialog is set to 300 pixels. As a result, the form contains some unused space. To improve its appearance, set the Vertical content alignment property to Center.

Additionally, add a title for the custom form dialog and populate a URL of an image to use as a background.

Screenshot of the custom form dialog properties.

Now, you can visually divide the date of birth from the name and last name fields. To achieve this, select the date input element, set the Spacing property to Medium, and enable the Separator option.

Screenshot of the date input properties.

The final form should look like the following example:

Screenshot of the final custom form.