Skip to main content

Basic Components

Overview​

IntelliBuddies Form Designer has a set of basic components on the left side, similar to traditional web forms. Each component has specific settings, JSON code, and field examples.

Basic Components

Following are the basic components:

Text Field​

You can use a Text Field to input short and general text. There are options to define input masks and validations, allowing users to format information as desired.

Text Field

Text Area​

You can input long text with the Text Area component, which offers multi-line input. The Rows setting determines the number of visible rows.

Text Area

Number​

The Number component allows you to input any numerical value. Use a thousand Separator to separate thousands with a comma, always show decimals, even if zero, and set the maximum number of decimal places to display.

Number

Password​

You can input passwords using the Password component, which displays asterisks instead of the actual value for security.

Checkbox​

You can use a checkbox to input a boolean value. It can be either checked (true) or unchecked (false). There are options to set a shortcut and input type.

Select Boxes​

This component allows users to select multiple options in checkbox format. Customize settings like value shortcuts and validation in the Data tab.

  • Values - Values allow you to add the options to the Select Box component, with the Label column representing the visible value to users and the Value column representing the stored data name.

    Select

Select​

The Select component allows users to choose from a list of values in a dropdown menu. It offers flexibility regarding where the data source comes from, and various settings for filtering, querying, and loading data values are available.

Select

Radio​

The radio component is a field that enables users to choose a single option from a list of options displayed in a radio-style format. Users can click on a selected option to deselect it, thus restoring the field to its original state.

  • Values - Enter the values from the list. The Label column is displayed to users while the Value column is stored in the database.

Select

Button​

You can add Buttons in your form to carry out different actions. While the most apparent use of the Button component is for Submission, you can also utilize it to activate events related to workflow logic, reset field data, authenticate to an OAuth provider, and more. Besides its functionality, the button component provides numerous options to modify the style and theme of the component.

  • Action - Select the action you want the button to perform:
  • Submit - Submit the form and execute the Do block.
  • Reset - Use this option to reset the form fields.
  • Event - A specific event is triggered when a user clicks the button. You must input the Event in the Button Event field when selecting Event.
  • Theme - From the dropdown list, you can select the color theme for the button.
  • Size - Choose the button's size (Small, Medium, and Large) from the dropdown list.
  • Block Button - The stretch covers the entire width of the bounding container.
  • Left / Right Icon - You can display a specific icon by adding the entire icon class string, for example, "fa fa-plus".

Select