Avada Forums Community Forum How to create a dropdown list with Avada?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • CR53
    Participant
    Post count: 3

    Hi,

    Is there a way to create drop down lists in Avada like this site has: https://www.webberinsurance.com.au/

    I would like to have 3 different drop down lists, all with their own custom options. I would then like the options to be able to link to other pages.

    Thanks

    notionmotion
    Participant
    Post count: 3

    Hello,

    I’m curious if you were able to find a solution for this. I am in need of the same thing.

    Thanks,
    Whitney

    uninvitedguest
    Participant
    Post count: 3

    The example website is using the plugin called Gravity Forms.

    notionmotion
    Participant
    Post count: 3

    Univitedguest,

    Thanks for your reply. Which example website?

    Best,
    Whitney

    jwekind
    Participant
    Post count: 2

    Did anyone find a solution for this? It doesn’t seem like Avada answers these things.

    Jetxpert-Envato
    Blocked
    Post count: 339

    No, there is no way to create a dropdown LIST using Avada.

    marklchaves
    Participant
    Post count: 873

    Hey @jwekind and all,

    Dropdowns are form components. With that in mind, here are some ways I can think of to do what the demo site does from the original post (OP).

    1) If you’re a web dev or working with one, you can just write the HTML and JavaScript (JS) to do the whole thing. It’ll be faster and more efficient. Here’s a live example on CodePen (https://codepen.io/marklchaves/pen/VwMZEXm).

    2) You can use an Avada form. You still need JavaScript (but you don’t need to write custom HTML). The drawback is that you can’t add custom attributes to the dropdown options via the Avada Forms editor. So you need to use hidden fields to store your URLs, then use JS to grab those URLs depending on what’s selected in the dropdown. Here’s a screencast of this working on my test site (https://www.loom.com/share/722b4cd1712240fa93b2d814a99771ad).

    3) Lastly, you can use another form plugin that lets you customize the form HTML easier (e.g., CF7). Then, the custom JS becomes easier and more efficient similar to option 1.

    Just thought I’d share if anyone really wanted to have this dropdown/navigate functionality. IMHO, it’s definitely nice to have and very straightforward to do if you know a little coding 🙂

    Cheers!

    marklchaves
    Participant
    Post count: 873

    Sorry. I needed to redo the screencast for my option #2. Here it is https://www.loom.com/share/c8b47ae034a746b09a300dcbaf3069e6

    Thanks!

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.