Skip to content

Fields and their settings

Click a field on the Build tab and its settings open on the right. What you get depends on the kind of form and the type of field.

Where fields come from

Form kindThe palette offers
Post formThe post type's basics, its taxonomies, every VX field, and Layout blocks
Standalone formThe field kit and Layout blocks
Product options formThe field kit and Layout blocks
Registration formAccount fields, VX's user fields, the field kit as More fields, and Layout blocks
Login formEmail or username, Password, Remember me, and Layout blocks
Password reset formEmail or username (step 1), New password (step 2), and Layout blocks

The field kit

Standalone, product options, and registration forms can add fields of their own that belong to the form rather than to a post type.

TypeInput
TextA single-line text box
EmailText, validated as an email address
PhoneText, typed for phone keypads
WebsiteText, validated as a web address
NumberA number box, with smallest, largest, and step
ParagraphA textarea, with a row count
DropdownA select
Radio buttonsRadios, in 1–4 columns
CheckboxesCheckboxes, in 1–4 columns
DateA date picker
TimeA time picker
Yes / no switchA switch
File uploadA drop area, one file or several

Layout blocks

Three blocks that collect nothing:

BlockWhat it is
HeadingA heading between sections
TextA paragraph of explanation
HTMLRaw markup, rendered as is

The HTML block accepts full markup from anyone with the unfiltered_html capability, and post-safe HTML from everyone else.

Settings every field shares

SettingWhat it does
LabelThe field's label. Empty falls back to the field's own name
PlaceholderShown inside the empty input, on types that have one
Help textA hint under the input
WidthFull or Half. Two half-width fields sit side by side
RequiredWhether it must be filled. VX's own required fields stay required
Show whenConditional logic

Icon

Text-like fields can carry an icon inside the input. Nineteen are built in:

user · mail · lock · phone · globe · at · home · calendar · hash · search · pin · card · dollar · link · clock · star · heart · file · message

Prefix and suffix

Before the input and After the input add fixed text in their own boxes either side of the field — $ before a price, per month after it.

Settings by type

Number

SettingWhat it does
SmallestMinimum accepted value
LargestMaximum accepted value
StepThe increment

Text and paragraph

SettingWhat it does
Character limitA maximum length, counted as the visitor types
RowsHow tall a paragraph field starts, up to 30

Choices — dropdown, radio, checkboxes

Choices are a list of value/label pairs. Leave the value empty and the label is used as the value.

Columns lays radios and checkboxes out in 1 to 4 columns. It does not apply to dropdowns.

For a post form, choice fields take their choices from VX — you are editing the label and layout, not the choices themselves.

SettingWhat it does
Accepted typesExtensions, grouped by kind. Type any extension and press Enter to add one that is not listed
Largest file, MBPer file. 0 means the site's own upload limit
Allow several filesTurns one file into many
Fewest files / Most filesBounds on how many, up to 200

The accepted-type list is filtered by what the field can hold: an image field offers image extensions, an SVG field offers SVG, a generic upload offers everything.

SettingWhat it does
WordingWhat the checkbox says
LinkMakes the wording a link, opened in a new tab

What a visitor gets, per VX field type

On a post form each VX field renders as the input that suits it:

VX fieldOn the form
Text, email, URL, phoneA text input of the matching type
Textarea, rich textA textarea
Number, stepper, sliderA number input
Select, radio, button groupA dropdown or radios
Multiselect, checkboxesCheckboxes
SwitchA switch
Date, date-time, timeA picker
ColorA color input
Image, SVG, video, audioAn upload area
GalleryA multi-file upload area
TaxonomyA term list
Related posts, related usersA search box that looks up as you type
GroupIts sub-fields, together
RepeaterRows the visitor can add and remove

Every one of them is written through VX's runtime, so the value that lands is the value VX would have stored from its own editor.

Long content belongs elsewhere

A front-end form is a poor place for a full rich-text editor. Where a post needs real body content, consider giving the visitor a paragraph field for a summary and letting an editor write the rest in wp-admin.

Built by Code Wattz.