---
title: Form Butler – Show/Hide Fields and Groups on Webforms
description: "You can hide or show web form elements depending on the other form elements values by adding condition expression under Condition section of your form element. These expressions are called FEEL expressions and you can learn about them [here](https://docs.camunda.io/docs/components/modeler/feel/what-is-feel/). ######…"
url: "https://pdfbutler.com/academy/form-butler-academy/form-butler-web-forms/form-butler-conditional-form-elements/"
updated: "2025-06-03"
category: Web Forms
---

# Form Butler – Show/Hide Fields and Groups on Webforms

You can hide or show web form elements depending on the other form elements values by adding condition expression under Condition section of your form element. These expressions are called FEEL expressions and you can learn about them [here](https://docs.camunda.io/docs/components/modeler/feel/what-is-feel/).

###### Example:

[FORM Butler - Show/Hide Fields and Groups on Webforms](https://www.youtube.com/embed/g5LJ3poEWmE)

 Create a Doc Config of type Web Form and add form elements as shown below in the steps. Refer to [this](https://pdfbutler.com/academy/form-butler-academy/form-butler-web-forms/form-butler-web-forms-initial/) article for more information on how to create a web form.

Depending on Total Car Sale Value, hide the other form elements in your web form.

Steps to add Conditions:

1. Web Form Butler will create a Key name for every form element added into your form. When you select the controlling form element, i.e., Total Car Sale Value, the system displays the Key field for that element under the General section in the left window. Make use of this to add conditional rendering for the other fields.
    ![WebForm Conditional form elements pic6](https://pdfbutler.com/wp-content/uploads/2025/06/WebForm-Conditional-form-elements-pic6.png)
2. Let's say, Hide the Select/Picklist form element "Have you been with us before" when the Total Car Sale Value is less than 100.
    ![WebForm-Conditional-form-elements-pic1](https://pdfbutler.com/wp-content/uploads/2025/06/WebForm-Conditional-form-elements-pic1.png)
3. Select the field and go to Condition section. Open pop-up editor and start typing the key name of "Total Car Sale Value" form element i.e., "Amount_00D..." in our example. Then editor will show the Key name to select, select that and add the condition as shown below.
    ![WebForm Conditional form elements pic2](https://pdfbutler.com/wp-content/uploads/2025/06/WebForm-Conditional-form-elements-pic2.png)
4. Similarly, Hide the Radio group form element "What car do you like most" when the Total Car Sale Value is less than 200.
    ![WebForm Conditional form elements pic3](https://pdfbutler.com/wp-content/uploads/2025/06/WebForm-Conditional-form-elements-pic3.png)
5. Hide the checkbox group form element "What sort of insurance..." when the Total Car Sale Value is less than 300.
    ![WebForm Conditional form elements pic4](https://pdfbutler.com/wp-content/uploads/2025/06/WebForm-Conditional-form-elements-pic4.png)
6. Instead of adding condition to individual form element, you can also add condition to a group element as shown below.
    ![WebForm Conditional form elements pic5](https://pdfbutler.com/wp-content/uploads/2025/06/WebForm-Conditional-form-elements-pic5.png)
7. Create a form request and test the conditional rendering by changing the amount value as shown below. The form hides all three elements when the Total Car Sale value is less than 100.![WebForm Conditional form elements pic9](https://pdfbutler.com/wp-content/uploads/2025/06/WebForm-Conditional-form-elements-pic9.png)
8. When Total Car Sale value is less than 200.
    ![WebForm Conditional form elements pic8](https://pdfbutler.com/wp-content/uploads/2025/06/WebForm-Conditional-form-elements-pic8.png)
9. When Total Car Sale value is less than 300.
    ![WebForm Conditional form elements pic7](https://pdfbutler.com/wp-content/uploads/2025/06/WebForm-Conditional-form-elements-pic7.png)
10. The form hides the Group element when only "Comprehensive" is selected in the "What type of insurance...".![WebForm Conditional form elements pic11](https://pdfbutler.com/wp-content/uploads/2025/06/WebForm-Conditional-form-elements-pic11.png)