Dropdown list
Last updated
Last updated
With the Dropdown list element, you can insert many options into a single drop.
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.
The Dropdown list element has the following attributes in the Settings tab:
Currency Sign - Enable if you want to show the currency symbol in the total summary
Required - Defines whether the element will be required to be filled or not
Round Value - Disable if you don't want to round value to the whole number in the total summary
Hidden by Default - The element will be hidden by default. You can make it visible using conditional system.
Calculate hidden by default - If any case hides the element: via the Hidden by Default setting or hidden by some condition, the element's default value (if it is set) will be counted in the formula.
Show in Grand Total - Disable if you want to hide the element in Grand Total.
Show Value in Element (form) - enable the setting to show the element's value within the specified area inside the form.
Additional Classes - Add extra classes to the HTML elements to further style changes
Dropdown list with and without values:
Show value in element (form) setting is ON
This setting allows you to add a measuring unit (Ω, cm, kg, inch, etc.) to the field.
Unit Symbol - enter the unit symbol
Position - select the position where the symbol should be displayed relative to the number
Thousands separator - select the the symbol to
Number of decimals - indicate the number of decimals in the fractional part
Decimal separator - select the symbol to separate fractional part
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:
