Formfields
Last updated
Was this helpful?
Last updated
Was this helpful?
Formfields are the heart of every layout. They display, parse and handle incoming data and input.
Here you select which column this formfield consumes. This can be table columns, accessor, relationship properties or relationship methods. Please be aware that (most of the time) the column is necessary. When saving the BREAD with a formfield that does not have a column assigned, a warning will be shown.
If you want your data to be translatable, check this box. Please note that some formfields, like the relationship formfield, can not be translated.In this case the checkbox is not shown. Read more about multilanguage
The title shown above the formfield. This field is translatable.
The description shown below the formfield. This field is translatable.
Here you can provide a name of a custom Vue component. Read more how to add components to Voyager
This input allows you to enter additional CSS classes applied to the parent formfield element.
This table gives you an overview of all built-in formfields and their recommended column type
Formfield
Description
Recommended column type
Check one or many given options
JSON*
Select date and/or time. Single or range
Date, Timestamp, JSON*
A dynamic form containing user generated data/inputs
Depending on your resulting key(s)
Select one or many files with the media manager
JSON*
Enter a number, float or double
Int, Float, Double
A password formfield
Text, Varchar
Select one of many given options
Text, Number, ... (depending on your value)
Display a relationship
Depending on your resulting key(s)
Display a repeatable set of formfields
JSON*
Select one or multiple given options
Text, Varchar, JSON
Enter multiple values of any kind
JSON*
Select a numeric value from a slider/range
Int, JSON*
Generate a slug from a given formfield
Text, Varchar
Allows you to enter tags
JSON*
A standard text formfield
Text, Longtext, Varchar
A binary switch
Varchar, Integer, Binary
Formfields with an asterisk require the column to be real JSON as the result is always an array.
Here you enter all your validation rules and messages which wil be displayed when the rule fails. The message field is translatable. Learn more about validation