Selection component
in Common Forms

create a selection field

  • create dropdowns
  • create buttons
  • create checkboxes
  • create radio buttons

The Selection component is used to create dropdowns, buttons, checkboxes and radio buttons inside a Form component. There are several stylings to adapt its appearance and also different constraint options.

on this page:
Display & Usage , Opens In New Window Component settings , Opens In New Window
Step by step , Opens In New Window

Introduction

The Selection component is used to create selection fields so that you can give the portal visitor different choices inside a Form. There are 3 different Display Modes available: Dropdown, Buttons or Checkboxes/Radio. A help text, placeholder and default value can be set up and you can configure if the selection should be single or multiple choice. For the Display Mode Checkboxes/Radio, if you leave the component on single choice it will be displayed as radio buttons and for multiple choice as checkboxes. Constraints can also be configured for this component.

Glossary:

Example:

Display in Form Reference

Display in Modal Overlay

Display & Usage

Display Mode

There are three different Display Modes available that define which kind of selection fields are offered:

Dropdown

A simple dropdown field, that is always single choice.

Buttons

A simple buttons field that can be either single or multiple choice.

Checkboxes/Radio

A simple checkboxes/radio field that will be displayed as radio buttons for single choice and checkboxes for multiple choice.

Orientation

If the Display Mode = Buttons or Checkboxes/Radio, the orientation of the component can be set to either horizontal or vertical.

Horizontal


Vertical


Field Placeholder

A Field Placeholder can be configured for the selection input field, if the Display mode is set to Dropdown. It will be displayed in grey faded out text in the dropdown field. It can be used to suggest a value or tell the user what this field is for.

Default Value

A Default Value can be configured for the selection field, that will preselect a choice from the component. It can be used to suggest a value.




Component settings

The Selection component is available in the Common Forms component group in a Modal Content template.

tab: Name

In the Name tab, settings for the general appearance of the selection field are set up.

There are different options if Display Mode = Dropdown or if Display Mode = Buttons or Checkboxes/Radio

tab: Values

In the Values tab, aside from the general values of the selection, a default value can be defined.

tab: Constraints

Common Form Constraints element to restrict the display of the component (via Expressions) and to set the Mandatory Type.

tab: Styling

In the Styling tab, besides the Style (width) of the component, the Display Mode is defined.

The styling options are different if Display Mode = Dropdown or if Display Mode = Buttons or Checkboxes/Radio

Step by step

1

2

3

4

5

6

Related topics

Used recurring elements