> For the complete documentation index, see [llms.txt](https://docs.stylemixthemes.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.stylemixthemes.com/cost-calculator-builder/conditional-system/introduction.md).

# Introduction

{% embed url="<https://youtu.be/xUwxooRP9Mg?si=GBGUsTPoyvKesCUA>" %}

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.

{% hint style="info" %}
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.
{% endhint %}

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.

{% hint style="warning" %}
**NOTE:**

It is important to set *different values* in the options of [Radio Button](https://docs.stylemixthemes.com/cost-calculator-builder/calculator-elements/radio-button), [Drop Down](https://docs.stylemixthemes.com/cost-calculator-builder/calculator-elements/drop-down),[ Toggle button](https://docs.stylemixthemes.com/cost-calculator-builder/calculator-elements/toggle-button), and [Checkbox ](https://docs.stylemixthemes.com/cost-calculator-builder/calculator-elements/checkbox)elements so that the conditional system feature works in a correct manner.
{% endhint %}

<figure><img src="/files/lW6ZNUmsV7yZbWSQWzuk" alt=""><figcaption></figcaption></figure>

2. 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 <i class="fa-pen-to-square">:pen-to-square:</i> icon:

<figure><img src="/files/MrbtQfLFmE7WtwDL5PRT" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/oJoVfF2tgkbidRCjs2Up" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/2D8s5r0kKQgyk3VFxxAA" alt=""><figcaption></figcaption></figure>

5. 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:

<figure><img src="/files/yR9JiThsKUmSw4TYlPc2" alt=""><figcaption></figcaption></figure>

6. 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.

{% hint style="warning" %}
**NOTE:**

All connection points of one element are **equal,** and their position does not affect the conditions.
{% endhint %}

<figure><img src="/files/ekIKlEtkLm6F7NPwFLWa" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/jrqPIi28CNDuU2i1JM9g" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.stylemixthemes.com/cost-calculator-builder/conditional-system/introduction.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.