Dropdown Menu Tutorial Update - multi...

User 2823310 Photo


Registered User
312 posts

I added another ATTRIBUTE option for the accordion to the step by step tutorial here:
Dropdown Menu

I found the default behavior for the accordion which is to close any open pane when another is clicked isn't in RSD. What that does if you have a fair amount of dropdown panes and open them your menu can go off screen on phones. By adding the below ATTRIBUTE it fixes that issue.

The new step is:
Making the UL accordion so only one dropdown pane opens

Select the menu-containers List Container
You'll see the ATTRIBUTE Data Responsive Menu
From the drop down ADD another ATTRIBUTE Data-Multi-Open
For it's attribute Value ADD false
What that does is close any open panes when you have multiple dropdowns that can go off screen

I also updated the text file download if you use those for working off line.
User 187934 Photo


Senior Advisor
18,045 posts

Looks good
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.