Dynamic clickable widget

  • Profile Image
    rahulchavan34
    Asked on December 09, 2020 at 07: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

  • Profile Image
    Sonnyfer
    Answered on December 09, 2020 at 08:15 AM

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

    1607519566_5fd0cd4ec6d9a_

    Example:

    1607519672_5fd0cdb841ca5_oooq.gif

    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.

  • Profile Image
    rahulchavan34
    Answered on December 09, 2020 at 08: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.

  • Profile Image
    Jovanne_A
    Answered on December 09, 2020 at 09: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.

  • Profile Image
    rahulchavan34
    Answered on December 09, 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

  • Profile Image
    Richie_P
    Answered on December 09, 2020 at 11:01 AM

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

    1607529685_5fd0f4d55f64e_2.png

    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.