Title: Initialy hide dependent field
Last modified: March 17, 2022

---

# Initialy hide dependent field

 *  Resolved [JuroC](https://wordpress.org/support/users/juroc/)
 * (@juroc)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/initialy-hide-dependent-field/)
 * Hi, I have a HTML field that only needs to be visible if another calculated field
   conditions are met (if calculated value is grater than X). Problem is, on page
   load the HTML field is initially visible. How do I make that, HTML field be hidden
   by default and only after the inputs are entered and the value is calculated 
   dynamically, depending on the value – have it shown or hidden.
 * The way I have it setup works fine once you start populating the inputs – if 
   the value gets bellow X – HTML field is hidden, if it goes above X – it is shown.
   So I just need to sort this out for the initial CFF form load on the page. I 
   tried using a small placeholder number for it – didn’t work.
 * Thanks in advance!

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

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/initialy-hide-dependent-field/#post-15466577)
 * Hello [@juroc](https://wordpress.org/support/users/juroc/)
 * Thank you very much for using our plugin. You only should enter the `hide` class
   name into the “Add CSS Layout Keywords” attribute in the settings of the “HTML
   Content” field.
 * Best regards.
 *  Thread Starter [JuroC](https://wordpress.org/support/users/juroc/)
 * (@juroc)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/initialy-hide-dependent-field/#post-15468261)
 * Thank you for your prompt reply!
 * I did try that but it didn’t help. I see a inline style display:block; is added
   to the field and it overrides the display:none; of the “hide” class you have.
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [4 years, 2 months ago](https://wordpress.org/support/topic/initialy-hide-dependent-field/#post-15468298)
 * Hello [@juroc](https://wordpress.org/support/users/juroc/)
 * The inline style is set to “block” by the dependency when the condition is satisfied.
 * If the class name `hide` is assigned to the field, it will be hidden by default.
   The field will become visible when the dependencies are checked, and the condition
   controlling this field is true.
 * Best regards.

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

The topic ‘Initialy hide dependent field’ 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/)

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