Pro Beta 6.0 RC 1 - One Page Navigation

How I can achieve a one page navigation? I am using right now the “modal menu” with “navigation inline”. After a click he scrolls to the correct section but does not close the modal :frowning:

Sounds like you need to have a data-x-toggle on the navigation controlling the off canvas. I’m not sure we have docs on that let me check with Kory thanks.

Any news here?

You know I realized that that api isn’t as open as I thought it was and not too flexible (it’s what the accordion uses internally). Stay tuned for this year because I’d like to get a basic event api in the works. If all you need to do is close the modal after a click. I’d set a custom attribute on the off canvas and find it by that after a click event. I hope this helps, let me know if you have any questions. Have a great day!

So there is right now no way to create a one page navigation with Pro? :thinking:

Okay I figured something out for you now.
For your link, your going to want to add a custom attribute data-x-toggle-close with value 1 which will close whatever toggleable is currently open (modal, off canvas, dropdown). Combine that with the href='#pieceOfContent which points to your desired ID I think you’ll get your desired outcome, it worked for me for modal and off canvas. Let me know if you have any questions.
I need to go through docs so I’ll add notes on this.

image

2 Likes

This is a nice christmas gift, thank you very much - it works :slight_smile:

Merry christmas and happy new year!

1 Like

Glad I found this, I was just about to report the same issue :grinning:

2 Likes