What Are Field Types?


The "Field Type" is a setting within the forms that determine how that field will display on the front-end version of the form.


Field types can be found under Edit View for any form:




Front-End View For Each Field Types


Checkboxes:


To add options to the checkbox field, click on Add Option:




And specify the options display name and Database Variable name (database variable will be automatically created but can be edited if needed):




Front-end view:




Drop-down List:


The same logic discussed for Checkboxes field type can be implemented for Drop-down List field type as well:




Front-end view:




Multiple Choice Radios:


The same logic discussed for Checkboxes field type can be implemented for Multiple Choice Radios field type as well:




Yes or No:




Custom HTML:




Email Address:





Section Title:




Important Note: Required Field and Database Variable settings are not needed for this field type hence they are hidden.


Submit Button:




Important Note #1: Required Field and Database Variable settings are not needed for this field type hence they are hidden.


Important Note #2: We highly recommend using pre-built button classes available. Please refer to this 3rd party article down below that explains each class in-depth:


Bootstrap Buttons


On the example above, we added btn btn-danger as this fields CSS class for the button to display nicely


Text - Single Line:




Textarea - Paragraph:




Website URL:





Country List:





Date Picker:





Help Alert Box:




Important Note: Required Field and Database Variable settings are not needed for this field type hence they are hidden.


Hidden Field:




This will hide this form field on the front-end:





Password:





Phone Number:




Country Code + Phone Number:




To edit the country code options that show up on the front end, we have an advanced setting called "Phone Country Codes":





In order to edit the country options, please go to Settings >> Advanced Settings >> Phone Country Codes. 

To remove a country code, for example, "Bangladesh (BD)", this is what needed to be removed: "BD": "880", 

 



NOTES: 

  • Make sure there is an { at the beginning of the advanced setting, and an } at the end.  
  • All country codes will start with a quotation mark and end with a comma.
    Example: "BD": "880", 
  • By default, the system will show two letters per country code. If this needs to be changed, please keep in mind that adding more than two letters can break the CSS code and it might not look good on the front end.   



State Select:





Top Category List:





Years:




Member CV / Brochure Upload:




IMPORTANT - The tool only supports: 

  1. Files that are 10 MB or less  
  2. We only support this field in the "Listing - Additional Details - Member" form.


Additional Information:

>> How to Use and or Modify the Member Upload CV or Brochure Field



For additional questions or help setting this up, please submit a ticket to [email protected] or create a ticket HERE.