Title: Hide Fieldset
Last modified: February 18, 2023

---

# Hide Fieldset

 *  Resolved [MasG](https://wordpress.org/support/users/dhevilz/)
 * (@dhevilz)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/hide-fieldset/)
 * How to hide **Fieldset** [https://prnt.sc/QCCECk0xyFzx](https://prnt.sc/QCCECk0xyFzx)
 * i am using 2 column with fieldset aiming to make right and left result
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fhide-fieldset%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 9 replies - 1 through 9 (of 9 total)

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/hide-fieldset/#post-16484101)
 * Hello [@dhevilz](https://wordpress.org/support/users/dhevilz/)
 * Thank you very much for using our plugin. I’m not sure about your request. If
   you want to hide the fieldset field, the question is: Why include it if the fieldset
   is empty? Why do you not remove the empty fieldsets?
 * Could you please send me additional details?
 * I visited the URL provided, but it does not include the form.
 * Best regards.
 *  Thread Starter [MasG](https://wordpress.org/support/users/dhevilz/)
 * (@dhevilz)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/hide-fieldset/#post-16486013)
 * I want to make a calculation result template like this, with the green color 
   want to use, while the empty fieldset is called “blank”
 * [https://prnt.sc/04FZyf0emJt4](https://prnt.sc/04FZyf0emJt4)
 * when not using blank fieldset,the display will be like this
 * [https://prnt.sc/Z8Qjwv_Vuu-U](https://prnt.sc/Z8Qjwv_Vuu-U)
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/hide-fieldset/#post-16486776)
 * Hello [@dhevilz](https://wordpress.org/support/users/dhevilz/)
 * You have some alternatives. You can assign a custom class name to the fieldset
   fields you want to hide and remove it when the plugin evaluates the equations
   to show those fieldset fields.
 * I’ll try to describe the process with a hypothetical example.
    1. Enter a custom CSS class through the “Customize Form Design” attribute in the“
       Form Settings” tab ([https://resources.developers4web.com/cff/images/documentation/form-settings-tab.png](https://resources.developers4web.com/cff/images/documentation/form-settings-tab.png))
 *     ```wp-block-code
       #fbuilder .my-hide-class{
       visibility:hidden !important;
       }
       ```
   
 * 2. Enter the class name `my-hide-class` through the “Add CSS Layout Keywords”
   attributes of the fieldset fields you want to hide by default.
 * 3. Finally, if you are evaluating the equations by pressing a button field in
   the form, enter the following piece of code as its onclick event:
 *     ```wp-block-code
       jQuery('.my-hide-class').removeClass('my-hide-class');
       ```
   
 * Best regards.
 *  Thread Starter [MasG](https://wordpress.org/support/users/dhevilz/)
 * (@dhevilz)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/hide-fieldset/#post-16497265)
 * nice bro, thanks …
 *  Thread Starter [MasG](https://wordpress.org/support/users/dhevilz/)
 * (@dhevilz)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/hide-fieldset/#post-16497411)
 * why this function not working after i add this function?
 * [https://prnt.sc/hCyPQIOjwolN](https://prnt.sc/hCyPQIOjwolN)
 *  Thread Starter [MasG](https://wordpress.org/support/users/dhevilz/)
 * (@dhevilz)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/hide-fieldset/#post-16497602)
 * when plugin active in Version 1.1.146, this code ( [https://prnt.sc/cujlGdUKtLGR](https://prnt.sc/cujlGdUKtLGR))
   work perfectly, but this code doesnt work #fbuilder .my-hide-class{ visibility:
   hidden !important; }
 * my-hide-class
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/hide-fieldset/#post-16498364)
 * Hello [@dhevilz](https://wordpress.org/support/users/dhevilz/)
 * The !important modifier imposes precedence over other CSS rules.
 * In this case, you can remove the class name by coding instead of using only dependency
   rules.
 * For example, assuming your equation is fieldname1+fieldname2 (hypothetical equation).
   You can modify it as follows:
 *     ```wp-block-code
       (function(){
       var result = fieldname1+fieldname2;
   
       if(AND(0<result, result<2220000){
           getField(fieldname5|n).jQueryRef().removeClass('my-hide-class');
           getField(fieldname6|n).jQueryRef().removeClass('my-hide-class');
           getField(fieldname7|n).jQueryRef().removeClass('my-hide-class');
           getField(fieldname8|n).jQueryRef().removeClass('my-hide-class');
       } else if(2220000<=result) {
           getField(fieldname10|n).jQueryRef().removeClass('my-hide-class');
           getField(fieldname11|n).jQueryRef().removeClass('my-hide-class');
           getField(fieldname12|n).jQueryRef().removeClass('my-hide-class');
           getField(fieldname13|n).jQueryRef().removeClass('my-hide-class');
       }
       return result;
       })()
       ```
   
 * Best regards.
 *  Thread Starter [MasG](https://wordpress.org/support/users/dhevilz/)
 * (@dhevilz)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/hide-fieldset/#post-16499543)
 * where i add this code?
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/hide-fieldset/#post-16499596)
 * Hello [@dhevilz](https://wordpress.org/support/users/dhevilz/)
 * Please, note that the code is only an example based on the hypothetical equation
   fieldname1+fieldname2. You should modify it to your project’s requirements.
 * Please, enter the code through the “Set equation” attribute in the calculated
   field settings.
 * Best regards.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Hide Fieldset’ is closed to new replies.

 * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377)
 * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
 * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)

 * 9 replies
 * 2 participants
 * Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/)
 * Last activity: [3 years, 3 months ago](https://wordpress.org/support/topic/hide-fieldset/#post-16499596)
 * Status: resolved