1. Home
  2. Docs
  3. Forms
  4. Standard Component Types

Standard Component Types

Flexie forms comes with a variety of components and details for each of them are described in each section below:

Text Fields

Text Fields are the most common type of fields that hold information like First name, Last name etc.

Attributes

  • Show Word Counter
  • Show Character Counter
  • Required Field 
  • Multiple Values 
  • Hidden 
  • Disabled 
  • Initial Focus 
  • Hide Label 
  • Minimum Length
  • Maximum Length
  • Minimum Word Length
  • Maximum Word Length
  • Custom Error Message

Number

Number Fields are used to enter numbers like Age or other important information.

Attributes

  • Required Field 
  • Multiple Values 
  • Hidden 
  • Disabled 
  • Initial Focus 
  • Hide Label
  • Minimum Value
  • Maximum Value
  • Custom Error Message

Email

Email Fields are designated to enter email addresses. This type of field have an internal validator which validates the syntax of the text entered matches or not the structure of an email.

Attributes

  • Required Field 
  • Multiple Values 
  • Hidden 
  • Disabled 
  • Initial Focus 
  • Hide Label 
  • Custom Error Message

Phone Number

Phone Number fields are used to enter phone or mobile numbers. For this type of field you can have a predefined format by defining an input mask. An example of a pattern can be (999) 999 – 9999.

Attributes

  • Show Word Counter
  • Show Character Counter
  • Required Field 
  • Multiple Values 
  • Hidden 
  • Disabled 
  • Initial Focus 
  • Hide Label 
  • Input Mask
  • Minimum Length
  • Maximum Length
  • Custom Error Message

Text Area

Text Area fields are used to enter multiline text and can hold unlimited number of characters.

Attributes

  • Show Word Counter
  • Show Character Counter
  • Required Field 
  • Multiple Values 
  • Hidden 
  • Disabled 
  • Initial Focus 
  • Hide Label 
  • Custom Error Message

Checkbox

Checkbox fields allow users to check or uncheck one single option. Checkboxes can have a default value preset.

Attributes

  • Default Value
  • Required Field 
  • Disabled 
  • Initial Focus 
  • Hide Label 
  • Custom Error Message

Select Boxes

Select Boxes fields allow users to check or uncheck multiple options. Select Box fields are used to collect data over one or different subjects by checking or unchecking the small squared boxes. Select boxes can have default values preset.

Attributes

  • Unlimited values
  • Inline Layout 
  • Required Field 
  • Disabled 
  • Initial Focus 
  • Hide Label 
  • Custom Error Message

Radio

Radio buttons fields Radio allow users to select only one option over a variety of options. A Radio button cannot be unchecked. Radio buttons can have a default value preset.

Attributes

  • Unlimited values
  • Inline Layout 
  • Required Field 
  • Hidden 
  • Disabled 
  • Initial Focus 
  • Hide Label 
  • Custom Error Message

Select

Select fields are dropdown fields holding a list of options from which you can make a selection. Select fields can have a default value and you can enable search so users can search to make the selection easier. Select fields can have a default value preset.

Attributes

  • Default Value
  • Enable Search
  • Required Field 
  • Hidden 
  • Disabled 
  • Initial Focus 
  • Hide Label 
  • Custom Error Message

Time

The Time field can be used to allow the users to set a certain time and it can also have a default preset time.

Attributes

  • Default Value
  • Required Field 
  • Multiple Values 
  • Hidden
  • Disabled
  • Initial Focus 
  • Hide Label 
  • Custom Error Message

Button

Button fields are used to submit the form data and can be customised size, text and icons.

If checked, Show Error Summary option will show a summary of errors if the form fails to submit. An example is not filling required fields.

Attributes

  • Full Width 
  • Disabled 
  • Show Error Summary 

GDPR Agreement

This field contains the appropriate text and a checkbox that need to be checked by the user filling the form. This is the proof of consent the user gives you to process their information.

Attributes

  • Hidden

To stay updated with the latest features, news and how-to articles and videos, please join our group on Facebook, Flexie CRM Academy and subscribe to our YouTube channel Flexie CRM.

How can we help?