Every field on a VFB Pro form has multiple properties associated with it. Some examples include the field's name, options, layout columns or description. To display the properties, click on the arrow to the right of field name in the builder section.


The field properties change for each field type. For example, a Currency field will Advanced Settings such as changing the Thousand and Decimal Separators or which Currency Symbol to display. These settings are not available for any other field.


Should you need assistance when building your form, you can reference this page, or you can hover your mouse over the (?) icon located next to each field property. A help box will pop up by your mouse to explain what each setting is and how to use it.


standard-properties.png


Standard Properties

Name. A field's name is the most visible and direct way to describe what the field is for. The name is usually a few words or a question. While you can leave this blank, it's not recommended as the name is used throughout the plugin (i.e. Entries, Export, etc) and could cause confusion if you decide to leave other field names blank.

property-name.png


Description. An optional property that displays the text to your users while they are filling out the field. Some fields such as Heading and Instructions will allow use of the WP Editor for rich text editing.

property-desc.png


CSS Classes. Insert your own CSS class names which can then be used in your theme stylesheet.

property-css.png


Description Position. Change the positioning of the field description to either before or after the input field. The default position is to place the description after the input.



Required. If you want to make sure that a user fills out a particular field, set Required to Yes and it will validate whether the field is empty or not. An error message will be displayed to the user if they have not filled out the field. A red asterisk will appear to the right of the field's name, if required.



Default Value. By setting this property, a text value will automatically be populated for this field.



Placeholder. A placeholder is different than a default value. A placeholder is like a hint displayed to the user on what type of text is expected. The placeholder goes away when the user types into the field.



Input Mask. An input mask is where you force the user's input to conform to a specific format. See the Input Mask documentation for more information.



Layout Columns. Set a column size to control the layout of each field. Layout columns allow you to create advanced, responsive layouts and align fields side-by-side in various configurations.


The columns range in size from 1 (smallest) to 12 (largest). By default, each field is automatically assigned as 12. See the Layout Columns documentation for more information.