Components available in the Skedulo Plus Form Builder

A list of components available in the Skedulo Plus Form Builder for creating mobile forms.

Overview

The Skedulo Plus Form Builder provides a range of components that you can use to create custom mobile forms for the Skedulo Plus mobile application. These components allow you to capture data from your mobile users and create custom workflows.

The following components are available in the Skedulo Plus Form Builder:

Text input

The text input component is used to capture text input from the user. The text field character limit is 255.

Text input component

Properties

Property Description Required
Label The title of the text input component. Yes
Keyboard type The keyboard type for the text input. Select the type from the drop down menu:
  • Default
  • Email address
  • Numeric
  • Phone pad
  • Number pad
  • Decimal pad
No
Placeholder text The placeholder text for the text input. No
Required If selected, the text input must be completed to save the form. No
Multi-line If selected, the text input will allow multiple lines of text. No
Validation rules A regex pattern to validate the data input. No

Examples

Example In-app component
  • Single line text input
  • No placeholder text
  • Not mandatory
Text input component example in Skedulo Plus
  • Single line text input
  • Placeholder text
  • Mandatory
Text input component example in Skedulo Plus
  • Multi-line text input
  • Example text
  • Not mandatory
Text input component example in Skedulo Plus

Example validation rule

Validation rules support regular expression (regex) patterns to validate the data input of your text input component. An invalid input will display an error message to the user, and the form will not be saved until the input is corrected.

For example, to validate an email address, use the following regex pattern:

^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$

In the Form Builder:

Text input component example in Skedulo Plus showing the validation rule

Text input component example in Skedulo Plus showing an invalid email address

Text input component example in Skedulo Plus showing a valid email address


Read-only

The read-only component is used to display information to the user. It is not editable.

Read-only component

Properties

Property Description Required
Heading The title of the read-only component. No
Text to display A description of the read-only component. Yes

Example

Read-only component example in Skedulo Plus


Number input

The number input component is for users to record a number.

Read-only component

Properties

Property Description Required
Label The title of the number-input component. Yes
Placeholder text A description of what the user should enter. No
Required If selected, the text input must be completed to save the form. No

The drop-down component is used to capture a single selection from a list of options. There is no limit to the number of items in the drop-down list.

Drop down component

Properties

Property Description Required
Label The title of the drop down component. Yes
Placeholder text The placeholder text for the drop down. No
Required If selected, the drop down must be completed to save the form. No
Add drop-down choices Provide a list of items to include in the drop down list. One item per line. Yes

Example

Drop down component example in Skedulo Plus

Multi-select drop-down

The multi-select drop-down component is used to capture multiple selections from a list of options.

Multi-select drop-down component

Properties

Property Description Required
Label The title of the multi-select drop down component. Yes
Placeholder text The placeholder text for the multi-select drop down. No
Required If selected, the multi-select drop down must be completed to save the form. No
Add drop-down choices Provide a list of items to include in the multi-select drop-down list. One item per line. Yes

Example

Multi-select drop-down component example in Skedulo Plus


Date

The date component is a date picker used to capture a date from the user.

Date component

Properties

Property Description Required
Label The title of the date component. Yes
Required If selected, the date must be completed to save the form. No

Example

Date component example in Skedulo Plus


Time

The time component is a time picker that allows users to select a time that is entered in the form data. The time picker uses 12-hour time format.

Time component

Properties

Property Description Required
Title The title of the time component. Yes
Mandatory If selected, the time must be completed to save the form. No

Example

Time component example in Skedulo Plus


Toggle

The toggle component is used to capture a true/false selection from the user. The toggle component is set to false by default.

Toggle component

Properties

Property Description Required
Label The title of the toggle component. Yes

Example

Toggle component example in Skedulo Plus


Attachment

The attachment component is used to capture an attachment from the user. Users can upload images from their device gallery, take a photo, or upload a file from their device. All common formats are supported.

Attachment component

Properties

Property Description Required
Label The title of the attachment component. Yes
Required If selected, the attachment must be completed to save the form. No

Example

Attachment component example in Skedulo Plus

Signature

The signature component is used to capture a signature that is uploaded as an attachment.

Signature component

Properties

Property Description Required
Label The title of the signature component. Yes
Required If selected, the attachment must be completed to save the form. No
Display “Full name” input Displays a text field for the user to enter their full name. This setting is false by default. No

Example

  • Signature with full name input

Signature component example in Skedulo Plus

Signature component example in Skedulo Plus