Dropdown list

With the Dropdown list element, you can insert many options into a single drop.

Element Tab

The Dropdown element has the following attributes in the Element tab:

  • Name - Title of the element

  • Description - Description of the element

  • Option Label - Add options for users to choose from

  • Value or Price - Add values (only numbers) to options

  • Add New - You can add as many options as you need

  • Default Value - The default value field takes inputs after you add option values in Add Radio Options

  • Type of Label in Total - Choose how to display the label in the total

  • Show Value - Displays the values of the options.

  • Label Only(No calculation)- Displays the label of the options and value will not be included in Total Calculations. It is useful when the field is used to create conditions.

  • Label Only(Calculation Value)- Displays the label of the options and the value will be included in Total Calculations.

Settings Tab

The Dropdown list element has the following attributes in the Settings tab:

  • Currency Sign - Enable if you want to show the currency sign in the total summary

  • Round Value - Disable if you don't want to round value to the whole number in the total summary

  • Required - Defines whether the element will be required to fill or not

  • Hidden by Default - The element will be hidden until a corresponding condition is met

  • Show in Grand Total - Disable if you want to hide the element in Grand Total.

  • Additional Classes - Add extra classes to the HTML elements to further style changes

Example of Using Dropdown List Element

Let’s see an example of the Dropdown list element in the Graphic design template. It will be used when users want to choose the type of service they want from a graphic design agency.

That’s how it will look on the user’s page:

Last updated