Hi everyone,
I’m working in Neutrinos Studio (SSD) and using it to create a Side Navigation (sidenav). When I trigger the toggle, it correctly shows the backdrop, but the sidebar itself doesn’t open or close as expected.
Has anyone faced a similar issue or found a way to properly toggle the sidenav panel in SSD?
Any guidance would be really helpful.
Hi @venkatesh,
Can you refer to the sidenav and sidenav container link below.
Sidenav
Sidenav Container
Thanks for the quick response @Simphiwe and for sharing the documentation links!
I went through the Sidenav and Sidenav Container references — I’ve already placed my Sidenav inside the Sidenav Container, and the backdrop toggle works correctly. However, I’m still not seeing the sidenav open when I click the toggle button.
I tried using (click): drawer.toggle() as mentioned in the example, but it seems like the sidenav doesn’t respond.
Could you please confirm:
Do I need to set any specific attribute or variable (like #drawer) for the sidenav to open properly?
Or is there a specific binding or property (like opened=true) I should configure for it to work inside SSD?
Hi @venkatesh,
To open your sidenav, yes you need to use the opened field in your basic properties.
You need to add a trigger that will open and a close the sidenav.
A button could be a trigger that will close and open your sidenav by switching the boolean value bound to opened field.
I have attached the image below for better reference, that should work.
Thank you for @Simphiwe guidance.
I implemented a boolean variable bound to the opened property, and it successfully enabled the sidenav to open and close using the trigger button as suggested.
