Dynamic clickable widget

  • rahulchavan34
    Asked on December 9, 2020 at 7:50 AM

    Hello,

    I am looking for a widget, but not able to find one. I am looking for a widget in a form of a clickable button (image) which when clicked will open a separate section inside the form displaying the contents. Something similar to a accordion.

    Thanks

  • Sonnyfer JotForm Support
    Replied on December 9, 2020 at 8:15 AM

    Hi there - You can use the Section Collapse element to divide your form into sections.

    1607519566 5fd0cd4ec6d9a  Screenshot 10

    Example:

    1607519672 5fd0cdb841ca5 oooq Screenshot 21

    Complete Guide: Show-or-hide-multiple-fields-at-once-using-the-section-collapse-field

    Give it a try and let us know if you need further assistance.

  • rahulchavan34
    Replied on December 9, 2020 at 8:18 AM

    Thanks, but is there a way to show icons instead of Section collapse? I would like to show icons which when clicked would behave like the same way as section collapse? I want to show as icon, because i want to upload image to it.

  • Jovanne JotForm Support
    Replied on December 9, 2020 at 9:18 AM

    Hi there,

    I'm afraid that it is not possible to add an icon or image to the collapsible section. You can only add texts to the section collapse.

    I hope this helps. Let us know if you have further questions.

  • rahulchavan34
    Replied on December 9, 2020 at 10:01 AM

    Hello,

    okay, the reason for this is because i am trying to build a form which shows the menu items in a restaurant. I would like to click on lets say "Vegetarian" and show all the dishes underneath it, in like a collapsable section. Likeswise add other such sections for drinks, non-vegetarian etc. Could you suggest me how should i implement such design and if you have any similar example, please could you share.

    Thanks

  • Richie JotForm Support
    Replied on December 9, 2020 at 11:01 AM

    You can use the Product list to create a menu of products and add categories.

    1607529685 5fd0f4d55f64e 2 Screenshot 10

    Guide:https://www.jotform.com/blog/introducing-product-list-form-field/

    Please give it a try and let us know if this fits your requirements.