Categories
Field Types

Field types

There are 17 different Field types available for you to equip your forms with, all for specific purposes and applications. Below you can read more about these field types and how to use them correctly.

There are 17 different Field types available for you to equip your forms with, all for specific purposes and applications. Below you can read more about these field types and how to use them correctly.

API search field

This field will make a GET call to the specified URL. To then use values returned from the call to fill in text fields in the form, it is required that the filed has its name set to http_ + a key from the response, e.g. http_user.name. The field will then be filled in with the value of the key.

API search field (with suggestions)

Works similarly to the API Search field, with the difference that several search suggestions can be presented and the user can choose one of the suggestions from a list.

Address field

This field provides suggestions for addresses that match the search term entered, where searches are made directly against the Google Maps address register. This field can be used to get correct and validated addresses, where also city and postal code are automatically included.

In some cases Google Maps have inadequate addresses, especially if the address is a new one. As an alternative to Google Maps we offer our customers maps and addresses from Postnummerservice. Contact Lime Gävle for further information about maps and addresses from Postnummerservice.

Checkbox field

Checkboxes can be used to present multiple choices using a static list of predetermined choices. With a Checkbox field the user can select more than one option from the list, while Radio Buttons only lets the user select one option at a time.

Coordinates/map field

With the Coordinates/maps field you can search for addresses and get suggestions presented on a map. The value can be presented both as an address or coordinates.

A common area of application for map fields is for reporting different kinds of errors with precise geographical positioning . The Coordinates/map field lets the user mark a position on a map, or search for a specific address, where they want to flag for service advice.

Reporting errors with precisely marked points on a map is an effective way to make the troubleshooting easier for the operator looking to correct the problem.

Custom HTML field

The Custom HTML field allows for simpler HTML code. You can embed different elements such as:

  • Bullets
  • Hyperlinks
  • Pictures
  • Tables
  • Etc.

There is also an easy way to implement predefined Alerts to your forms available from Bootstrap that you could put in the Custom HTML field.

Date field

Date fields can be used to let users make reservations etc. through your forms. There are options to disable holidays. It is also possible to set limitations for which dates you should be able to select in the Date field.

To the field type Date field there is a web component that can set a Text field or calendar to the current date automatically. Read more about the web component TodaysDate.vue here.

Email field

Use this field type for email addresses. Email fields must be filled in with a valid e-mail address, for example: name@email.com.

File upload field

With this field type you can upload files via the form. Choose which file type (such as .pdf, .jpg, or .png) to allow. Maximum number of files is set to 10.

Hidden field

A hidden field is a field that will not be visible to the user, but which will be sent when the form is submitted. For example you could use this field type to store IDs that can come from a search field or predefined values.

Image field

The field type Image creates a field to add an image to the form.

Numeric field

A numeric field is preferably used when you want the user to enter digits in the form. You can only write digits in this field type. This field can be used for entering social security numbers, telephone numbers or anything else that may only contain digits. Maximum number of characters (digits) can be specified.

Radio button field

This field type is used when you want to present several different proposals, where you can choose only one option (unlike the field type Checkbox where you can tick several choices). These fields can be controlled with Conditions. An example is to show or hide content in the form depending on which button you select.

Section break field

Section breaks are used to be able to group fields and put Conditions on an entire section. The Section break will group underlying fields until the fields end or at the position in the list of fields where you put another Section break.

Select field

The Select field is used when you want to make a list presented in a drop-down form, where you can select only one value.

Text field

This field type can be used for input of shorter, simpler free text.

Text field for multiple lines

This field type is used for longer text or multi-line messages. The size of the box is adjusted based on the length of the text.