Interactive Side Navigation

[saumyasinghal747]

Hello! This is an amazing library - I'm the author of YMath.io and looking to redo the site from Bootstrap 4 to Halfmoon.
One thing I want to implement in my site is a sidebar navigation for courses. So first the user would see the left image, then the right image. Could this be implemented? I'd really like to use Halfmoon for YMath.

If you can suggest a better, alternative form of navigation, then I am definitely open to hearing that too!

[halfmoonui]

Thank you for the kind words. What you want to do (if I understand correctly) can be pulled off using a bit of JavaScript. Probably a state variable that decides which sidebar content to show, and this state variable can be toggled by clicking on the links.

However, this issue is out of scope for the framework, because collapsible/interactive sidebars are not planned for this project. The reason being they serve a rather niche use-case, and the framework is already quite big. Moreover, this seems like a personal support question, not an issue with the repository and its code-base. For that reason, I will close it. I think the following could be alternatives for your project:

• Dropdown menus with the links being the toggles.
• Exponent and the other links become sidebar titles, and the links (like on the second image) would come underneath the titles. This creates long scrolling sidebars, but one benefit here is that everything is immediately visible to the user. They don't have to click to see more content. This pattern is being used on the documentation site, and in my opinion, very usable with a proper filter.

If you want to stick to the collapsible/interactive method, you should probably post this (along with some more code to show that you tried to at least solve the problem yourself) to Stack Overflow using this tag: https://stackoverflow.com/questions/tagged/halfmoon