Collapsing fields

  • Resolved hheyhey568

    (@hheyhey568)


    4 years, 9 months ago

    Hello,
    In my one of the form ,there are 16 rows of input fields & calculated fields side by side ( CSS Layoutkeyword=column2, 16 number field and 16 calculated fields).

    I want to give a feature by which user can collapse some of the rows lets say 8 rows so that the form become short.

    I tried section break / page break but not getting what I want from it.

    Is it possible to do this?

Viewing 1 replies (of 1 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @hheyhey568

    Not by default, would be required to assing some class name, and custom coding.

    For example, assume you have assigned to the additional rows the class name: hide-strong

    Note: the class names can be associated to the fields through their attributes “Add CSS Layout Keywords”

    Now, you can insert a button field in the form to display them, with the following piece of code as its onclick event:

    
jQuery('.hide-strong').removeClass('hide-strong');jQuery(this).hide();

    and that’s all.
    Best regards.

Viewing 1 replies (of 1 total)
  • The topic ‘Collapsing fields’ is closed to new replies.