Vertical Tabbed Menu

I was starting to get a bit discouraged reading through the forums trying to find a tab solution that could handle 14 tabs cleanly. But I think I may have found a workable approach using a bit of Java and CSS.

This page requires 14 system selectors, each with up to 8 accordion groups of documents. Using standard tabs was starting to feel clunky at that scale, and I imagine the WYSIWYG could get pretty daunting once all of those accordions are in place. Is there a way to collapse a container in the WYSIWYG?

I tested a left-side button navigation with show/hide content panels on the right. This seems to handle the scale much better, while still allowing me to use RW Elements components for layout and content.

It feels like a solid path forward, but I’d love to hear if anyone has approached something similar or found a cleaner way to manage this kind of structure.

I have at least a working Vertical Tab model in RW Elements.

As nice as it seems, it’s a bit cumbersome to nagivate on mobile. Same goes for your massive menu / submenu items. Unless the menu scrolls down on mobile, you can’t fully access the submenu items. And right now, it doesn’t.

Agree with @pumpkin. I think what you really want is a pop-up menu that has all those ###SYSTEMS that can be selected, and based upon what is selected, then displays the Accordions for it underneath. This gives you much more flexibility in responsive design.