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,179 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.
Here's my CoffeeCup SCCP Shop with examples of what can be done.
This is a site I built for my work.(RSD)
This is a site I built for use in my job.(HTML Editor)
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)

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.