Application Launcher

Site Studio

Select form element

Site Studio

Select form element

Use the Select form element to add a select (drop-down) field to your Component form. You can create custom selects or use existing selects from within the elements.

For more information about creating editable components, see Create an editable component.

Locating the select form element

To find the Select form element:

Navigate to a component
Click the + button on the Component form builder
Within the Fields tab, look for the Select form element.

The Select element includes the following fields:

Title field

Provide a name for the form element. Important: This will be displayed in your component form.

Field settings

You can either create a Custom select field or use an Existing select from within an Element.

To create a custom select:

Use the Select form element to add a select (drop-down) field to your Component form. You can create custom selects or use existing selects from within the elements.

For more information about creating editable components, see Create an editable component.

Locating the select form element

To find the Select form element:

Navigate to a component
Click the + button on the Component form builder
Within the Fields tab, look for the Select form element.

The Select element includes the following fields:

Title field

Provide a name for the form element. Important: This will be displayed in your component form.

Field settings

You can either create a Custom select field or use an Existing select from within an Element.

To create a custom select:

Within Type, choose

Use the Select form element to add a select (drop-down) field to your Component form. You can create custom selects or use existing selects from within the elements.

For more information about creating editable components, see Create an editable component.

Locating the select form element

To find the Select form element:

Navigate to a component
Click the + button on the Component form builder
Within the Fields tab, look for the Select form element.

The Select element includes the following fields:

Title field

Provide a name for the form element. Important: This will be displayed in your component form.

Field settings

You can either create a Custom select field or use an Existing select from within an Element.

To create a custom select:

Custom select field

Enter a label in the Label field. This is what the end-user will see in the Select.

Enter a value in the Vaule field. This is the value that will be applied when the user selects the option

Click + Add option to add additional options to the select.

To use an existing select:

Within Type, choose Existing select field
Within Element tab, select the Tab within the Element the select field you require belongs to
Within Element, select the Element the select field you require belongs to
Within Field group, select the Field group the select field you require belongs to
Within Field, select the Select field you require.

Important

You can convert Existing selects into Custom selects. Simply find the select you want using the 'Existing select' process (described above) and then click Custom select. All the values from the Existing select will be populated as Custom select options. You can then add or remove options as you require.

Option - When you have created your select field they become available within the Option field so you can select a default value.

Tooltip text - Enter tooltip text here.
Tooltip placement - Define the position of the tooltip on hover of the field.

Did not find what you were looking for?

If this content did not answer your questions, try searching or contacting our support team for further assistance.

Within Type, choose Custom select field

Enter a label in the Label field. This is what the end-user will see in the Select.

Enter a value in the Vaule field. This is the value that will be applied when the user selects the option

Click + Add option to add additional options to the select.

To use an existing select:

Within Type, choose Existing select field
Within Element tab, select the Tab within the Element the select field you require belongs to
Within Element, select the Element the select field you require belongs to
Within Field group, select the Field group the select field you require belongs to
Within Field, select the Select field you require.

Important

Option - When you have created your select field they become available within the Option field so you can select a default value.

Tooltip text - Enter tooltip text here.
Tooltip placement - Define the position of the tooltip on hover of the field.

Did not find what you were looking for?

If this content did not answer your questions, try searching or contacting our support team for further assistance.

Locating the select form element

Title field

Field settings

Locating the select form element

Title field

Field settings

Locating the select form element

Title field

Field settings

Default

Tooltip

Did not find what you were looking for?

Default

Tooltip

Did not find what you were looking for?