Skip to main content

Help & Support

Conditional Logic Set

Condition is a powerful tool for offering precise customizations to our customers. Its feature shows/hides an element depending on the selection of options from another element. With our easy-to-use condition system, you can easily offer an interactive customization experience.

Note

Before diving deep into the documentation, you can watch the following video to get some ideas about the conditions.

Let’s assume a scenario where we would like to offer the customer the option of choosing from a library of image selections (Image Choice Element) or uploading his image from his device (Upload Element). We can follow the steps below to achieve this.

  • First, we will take a button element to provide the two options. Choose from the Library and Upload your Image.
  • Later, take two elements, one of which is an image choice and the other an upload field. We will also select the proper image set where the images I want to provide as options are present.
  • As you can see in the above screenshot, though the “Choose from Library” button is selected, it shows both the image choice and the upload field together. We will add conditions to the image choice and upload field to solve this.
  • In the image choice element, we will put simple conditions to show that field only when “Choose from Library” is selected.
  • We will also add a condition to show the upload element when the “Upload your Image” option is selected.
  • This way, the respective fields will be shown with the selection from the button choice.

If you require, you can add multiple conditions for an element. You can choose whether the element will be shown when all of them are true or if any single one is true.

You can choose multiple options for which the condition will be true if any of them is selected.

Moreover, you can toggle the “equal to” ( = ) and make it “not equal to” by clicking on it. This way, you can put a condition to show the field when that option is not selected. For example, if I want to show the image choice element using “not equal to,” the condition will be like the screenshot below.

If you have any further queries regarding conditions, feel free to contact us – click here