Initialy hide dependent field

  • Resolved JuroC

    (@juroc)


    4 years, 2 months ago

    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

    (@codepeople)

    4 years, 2 months ago

    Hello @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

    (@juroc)

    4 years, 2 months ago

    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

    (@codepeople)

    4 years, 2 months ago

    Hello @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.