How To Create Multilevel Navigation In
In this video I'm going to show you how to create multilevel #navigation in Directus 9, without any code.
Viewer named Robert commented on one of the videos asking how to create a multilevel navigation in Directus 9 so that you can consume it through the API and that way create a navigation on the frontend.
Unfortunately I wasn’t able to find a perfect no code way of doing this, so I don’t think that Robert will be very pleased with the result, since he already knows about this method. Sorry Robert.
However I think this is a good enough way to create multilevel navigation, it’s not perfect by any means, but it is good enough if your site or app does not heavily depend on multilevel navigations with a lot of levels.
But if you need a way to allow users of your backend to create navigations, like Main navigation, Footer navigation, maybe navigation on a sidebar, with 2 or 3 levels - this way of doing things is going to be more than adequate.
Let me show you how.
You can support my work on Patreon
/ watchlearn
Follow me on Social Media
Github: github.com/ivandoric
Twitter: / ivan_doric
Пікірлер: 9
I am that Robert - and I am VERY pleased with this method, this video and the time you took to respond to a question of mine! What an honor this is! Thank you very, very much!
Key problem is that if the urls are internal, its not a good idea to hardcode them like this. Ideally, you want a field that can select an item from a collection and save the id in the json. Unfortunately, Directus doesn't allow collection fields inside json.
how can we add unique ids and translations to submenu items
Thank you for the tutorial. Unfortunately, it's not possible to add an image to the menu item.
@WatchandLearnTutorials
Жыл бұрын
Hmmm, haven't tested that, but it seams they had some problems with that, yes. github.com/directus/directus/discussions/11592 you could probably add regular input field and add an URL to the image there, not the greatest solution, but it would do the job.
Can we get link to flowbit menu from video?
@WatchandLearnTutorials
Жыл бұрын
I think I was using one of these: flowbite.com/docs/components/navbar/
can we use translations also?
@WatchandLearnTutorials
2 ай бұрын
Probably, but I haven't tried it.