Forum Discussion

ChloeChong's avatar
ChloeChong
Community Member
2 years ago

Drop down menu for country list with scroll bar

Hi, I am creating a drop-down list for the countries of the world. As the list is very long, is it possible to list down all the countries in a fixed height box with scroll bar?

10 Replies

  • Hi Chloe,

    Happy to help!

    Using a Scrolling panel, it is possible to list text in a fixed-height box with a scroll bar. Please check out the screenshot below from the attached project to quickly show what it looks like. It consists of a Scrolling panel with a textbox inside it.

    To simulate a drop-down interaction with that Scrolling panel, you need to apply a workaround, as Storyline does not have a prebuilt drop-down menu. For inspiration, you can look at Nicole's post here.

    Please don't hesitate to reach out if you have additional questions.

    • ChloeChong's avatar
      ChloeChong
      Community Member

      Dear Eric,

      Good to know that I do not need to create individual buttons for all countries! Thank you for your reply with the screenshot. However, there is no attachment in your email. May I request you to share with me the project file, please? 😊

      Thank you once again for your help! 😊

      • StevenBenassi's avatar
        StevenBenassi
        Staff

        Hi Chloe!

        Happy to jump in here!

        It looks like Eric shared a sample .story file for your reference, attached to the bottom of his reply. I’ve attached it to my reply here for you as well!

        Allow me to address your questions individually:

        1. A Sequence Drop-Down question slide can be used since you are working with a drop-down menu of different countries.
        2. I suggest using a Multiple-Choice slide for this type of design. Also, if you’re working with an LMS, Storyline will send the learner's answers to your LMS for review!
        3. Approval of posts before they appear in a forum, cannot be built natively within Storyline 360. I'll defer this question to our community who may be able to share suggestions with you! However, in the meantime, I found a website that offers a free service for building custom forums. Hope this helps!

        Also, it looks like part of your e-mail signature came through when you replied via e-mail. You can remove that if needed by clicking ‘Edit’ beneath your response.

        Please let me know if you have any more questions!

  • ChloeChong's avatar
    ChloeChong
    Community Member

    Hi Steven,

    Thank you for being so helpful! I will try it out. 😊

    • ChloeChong's avatar
      ChloeChong
      Community Member

      Hi Eric, Steven,

      I hope this finds you both well. I have been busy with my other projects all these while.

      I have downloaded the Storyline project file you shared with me. I had a question regarding the functionality: is it possible to enable users to select countries from the dropdown menu?

      Thank you for your time, and I look forward to hearing back from you.



      • Nedim's avatar
        Nedim
        Community Member

        Learners can select countries from a dropdown menu, but setting this up in Storyline can be time-consuming. You would need to create a system where selecting a country updates the state of a button to display the chosen country. This means creating as many states as there are countries in the dropdown menu. While this requires effort, it offers flexibility, allowing you to trigger additional actions based on the button’s state.

        If this approach is too complex or time-consuming, you can import an HTML version of the country selection dropdown as a Web Object. This method achieves the same visual effect but has a drawback—it becomes difficult to connect the selection to Storyline’s player for triggering additional actions.

        Below, the example on the left shows a dropdown menu created in Storyline, while the one on the right demonstrates a Web Object with an integrated country selection dropdown.