Categories
Advanced Conditions

Conditions

What is a Condition?

For some field types you can add Conditions. A Condition can be a rule saying that if you choose one alternative in a form, you should be presented with a specific question accordingly.

Show or hide fields depending on choices made in form

If you want a field to be shown or hidden depending on choices made previously in the form you must use “Conditions”.

To edit Conditions you navigate to the forms Steps tab and click the Edit conditions button next to the Edit fields button. Next simply click Add condition to do so and start to edit your condition.

Add Condition

Example: User is presented with a Radio button field with two choices; Private Customer and Company Customer.

If the user select ‘Private Customer’, a previously hidden field for Personal Number will become visible. If the user were to choose ‘Company Customer’ instead, another condition showing a hidden field for Company Number will become visible.

Field types that you can put conditions on are:

Type of conditions

When you have selected which field you want to add a condition to you can choose between these conditions:

  • Is equal to
  • Is not equal to
  • Is greater than
  • Is greater than or equal
  • Is less than
  • Is less than or equal to
  • Includes
  • Not includes
If field <chosen_field> Choose Condition for either an Entered value or A field value, and lastly choose your Action before saving the Condition.

Condition Actions

Choose an Action for your Condition.

The Actions tab will present you with the following actions that can be triggered if the conditions are true:

  • Disable field – The field is still visible in the form but locked so that you cannot write in or change the field
  • Enable field – Activates a field that is set to Disabled, so that a user can write in it
  • Hide/Exclude field – Hides the field completely for the user
  • Show/Include field – Shows a field that is set to hidden/excluded
  • Set next step to – Changes the order for which step to come next

Can I get values from previous fields with conditions?

Yes, you can do this by adding a web component to the form. Read more about the Condition web component here.

Can I compare the values from two different fields?

Yes, you can do this by adding the web component Compare. Read more about the Compare web component here.

Categories
Advanced Conditions Web Components

Can I hide the Next- and Send-button?

Yes you can hide the Next-button and the Send-button. To do so you need to add the web component HideButtons. Read more about the HideButtons web component here.

Categories
Advanced Conditions Guides Web Components

Web Component – Compare two values (Compare.Vue)

There are several web components available for Forms. The Compare.Vue web component compares values from two fields. If the value of the two fields are equal, a third field is set to true and if the fields do not match it is set to false.

Example usage, how to declare in form as “Custom HTML“:

<compare-component value1="example1" value2="example2" setfield="example3"></condition-component>

Will check if value1 equals value2 and try to set the field named “example3” to true or false.

Example:

https://demo.simpliform.se/forms/bhJ9RnPEFk5u4M8u7v8P

Other available web components to equip your forms with: