Introduction

In the Cost Calculator, there is an ability to take actions according to the values/options selected in the fields. For example, in most of the registration forms, they ask whether you have allergies or not. If you select the Yes option, additional fields may appear (allergy type, details, since when, etc.). Here comes the Conditional system of Cost Calculator to help.

When rearranging options in the field, such as Radio Select, Image Radio, Checkbox, Image Checkbox, Dropdown list, and Image Dropdown, keep in mind that conditions depend on their positions. Swapping element options can cause conditions to malfunction. Therefore, it's best not to swap them if conditions are set up. If you must swap, remember to readjust the conditions accordingly to maintain the calculator's functionality.

Using the conditional system is important when you have too many logical operations. It is really easy to use this feature due to its user-friendly interface.

1. After choosing the Calculator fields created in a calculator, only those fields will be listed in your condition area. Since this feature is dynamic, you cannot put conditions related to an element that does not exist.

NOTE:

It is important to set different values in the options of Radio Button, Drop Down, Toggle button, and Checkbox elements so that the conditional system feature works in a correct manner.

1. The working area is organized into several spaces. If you have a lot of fields that need to be used in conditions and the first space is crowded, you can create another one, and another one by clicking the icon:

1. You can reorder, rename, and delete the space in opened pop-up:

1. For even larger conditional systems in the same space, the working space has several features to assist, as shown:

1. You have to drag and drop the element to the working space to use it in Conditions. The chosen element has 2 connection points for chaining with other elements. Use the special button on the selected element to remove it from the working space or move it to another space:

1. To create a connection, you need to drag a line from the selected element to the desired one. The arrow indicates that the right element depends on the left element.

NOTE:

All connection points of one element are equal, and their position does not affect the conditions.

1. It is possible to create multiple connections and conditions between different elements.