BS5 Gravity Forms

This form contains all fields available in the Gravity Forms plugin configured with different options. It is intended to be used for testing your custom CSS layout and styling. The default Gravity Forms styling has been replaced using Gravity Forms Bootstrap Hooks and Gravity Forms Bootstrap styling. This Gravity Forms Kitchensink is also available on Github.

Step 1 of 2 - General

Bootstrap Grid.

Uses your Bootstrap Grid settings for layout.

Descriptions, Labels & Sub-labels.

This sections tests descriptions & (sub-)labels with their respective placement.
Single Line Text with description.
Single Line Text with description placement above fields.
Single Line Text with placeholder.
Single Line Text with label visibility hidden and 20 Maximum Characters.
Name
Name Field with sub-labels below inputs.
Name
Name Field with sub-labels above inputs.
Name
Name Field with sub-labels & descriptions above inputs.
Name Field with placeholders. Labels & Sub-labels are hidden. Description is set to Above.

Standard Fields

This section features all Standard Fields.
Size Small
Size Medium and Maximum Characters set to 200
Size Large and Maximum Characters set to 200
'Enhanced User Interface' enabled. This uses Chosen CSS.
Please enter a number from 10 to 100.
A number field with a range
Checkboxes
'Select all' option enabled.
Radio Buttons
'Other' option enabled.

This is an HTML Field.

It can display any html. This alert box for example.

Above this field is a hidden field.

Multiple Choice
Select One
Multiple Choice
Select Multiple
Multiple Choice
Select exactly 2 choices.
Select Exact Number
Multiple Choice
Select between 1 and 2 choices.
Select Range
Image Choice
Image for choice number 1
Image for choice number 2
Image for choice number 3
Choice number 4 does not have an image
Type: Select One
Image Choice
Image for choice number 1
Image for choice number 2
Image for choice number 3
Choice number 4 does not have an image
Type: Select Multiple

Advanced Fields

This section features all Advanced Fields.
Name
Name Field
Name
Name Field. All fields enabled.
Date Field
Date Field
MM slash DD slash YYYY
Date Picker with icon
Date Drop Down
Date Drop Down
Time
:
24 hour format.
Time
:
12 hour format and hidden sub-labels.
Phone Field
Address
This is an Address Field with some fields enabled and sublabel above inputs.
Address
This is an Address Field with all fields enabled and hidden subfields. Use the values submitted in different field.
Part of User Registration Add-On
Password
Strength indicator
Part of User Registration Add-On
Email
Accepted file types: jpg, gif, png, pdf, Max. file size: 2 MB.
'Multi-File Upload' enabled. Uploads use a progress bar.
Drop files here or
Accepted file types: jpg, gif, png, pdf, Max. file size: 10 MB.
    List
    Column 1
    Column 2
    Column 3
     
    This is a list field with multiple columns.
    Size: Small
    Size: Medium
    Size: Large
    Enhanced user interface enabled
    Consent*
    This is an example consent agreement. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.