Only allow opening next fieldset when previous is filled

  • Resolved Nathan

    (@natedanielz)


    2 years, 6 months ago

    Hi,

    I’ve made an accordion with collapsible fieldsets that are closed by default.

    What I need is for the user to only be able to go to the next fieldset when the fields in the current one have been filled out (they are all rewuired fields already).

    Above is the most important for me.

    Second, is it possible to have only one fieldset opened at the same time?

    Really hope you guys can help me with this one.

    Thanks,
    Nathan

    The page I need help with: [log in to see the link]

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

    (@codepeople)

    Hello @natedanielz

    I’m sorry, but the behaviors you describe are specific to your project and are not included in the plugin by default. So, you should implement them as part of your form.

    For example, to open only one fieldset at once, please, insert an “HTML Content” field in the form with the following piece of code as its content:

    <script>
jQuery(document).on('click', '.cff-collapsible legend', function(){
    jQuery('.cff-collapsible').addClass('cff-collapsed');
    jQuery(this).closest('.cff-collapsible').removeClass('cff-collapsed');
});
</script>

    However, “go to the next fieldset when the fields in the current one have been filled out” is more complex and requires a more complex code.

    If you need a custom coding service do not hesitate to contact us through the plugin’s website:

    https://cff.dwbooster.com/customization

    Best regards.

    Thread Starter Nathan

    (@natedanielz)

    Thank you for the quick response, above code works like a charm.

    I figured the other request was going to be more complex. I’ll deliberate the custom coding request with the website owner.

    Thanks Again!
    Nathan

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Only allow opening next fieldset when previous is filled’ is closed to new replies.