---
title: Conditional Rendering
slug: vkyc/conditional-rendering
docTags: 
createdAt: 2024-03-11T12:41:09.755Z
---

Conditional rendering in admin form setup allows for dynamic display of options based on specific conditions. For instance, when an agent selects a certain option like "unsuccessful call," additional choices may appear to select reasons for the call's failure. 

This feature enhances form customization by showing or hiding elements based on user selections, improving the user experience and providing tailored interactions.

<font color="#2166ae">**Let's learn how to setup Conditional Rendering\:**

</font><font color="#2166ae">Step 1\: </font>Create a question using any element type with any variable name, like 'Callstatus' in below example.

<font color="#2166ae">Step 2\: </font>Create another question with a unique variable name using any element type, such as a Multi-Select dropdown.

<font color="#2166ae">Step 3\:</font> Enable Conditional Rendering and specify:

- Variable Name: Refers to the variable for conditional rendering, like "Callstatus" in this case.
- Value: The specific value that triggers the conditional display, such as "Unsuccessful".

![](https://api.archbee.com/api/optimize/w0YdjmC6Uxu0AJ6sPj9OT/pN5aXiXkBGgYQHdxBzfEv_screenshot-2024-03-06-at-90544-pm.png)

When an agent selects "Unsuccessful" from the dropdown, conditional rendering is triggered, and a Multi-Select dropdown appears, offering agents options to choose from.

::Image[]{src="https://api.archbee.com/api/optimize/w0YdjmC6Uxu0AJ6sPj9OT/3pnKPScY4fKksM57jmYmK_screenrecording2024-03-06at73701pm-ezcom-video-to-converter.gif" size="62" width="800" height="623" position="center" caption="Agents Feedback Form" showCaption="true"}

:::hint{type="info"}
### <font color="#2166ae">Getting Help</font>

If you have any questions, need clarification, or have suggestions to enhance our documentation or services, please don't hesitate to contact us.

Reach out to us at **[help@signzy.com](mailto\:help@signzy.com)**
:::