Hide html field and show when button clicked

  • Resolved Pankaj Mehla

    (@pankakmehla)


    4 weeks, 1 day ago

    I require the HTML field to be hidden by default. Upon clicking a custom button (instead of the default submit button), I would like the HTML field to be displayed.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @pankakmehla

    Thank you very much for using our plugin. Yes, that’s possible and very easy.

    Please follow the steps below. Press the “Advanced Settings” tab in the “HTML Content” field settings, and enter the CSS rule display with none as its value.

    Assuming the HTML Content field is the fieldname123 (you should use the field’s name on your form), you can call the SHOWFIELD operation from the onclick event in the button field.

    Select the button field and enter the following piece of code through its “Onclick event” attribute:

    SHOWFIELD('fieldname123', this.form);

    Best regards.

    Thread Starter Pankaj Mehla

    (@pankakmehla)

    Thank you for your response. I had already found a solution before receiving your reply:

    getField('fieldname96').jQueryRef().toggleClass('hide');

    This worked for me, and I also tested your suggested method, which works well too.

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.