Dev Diary Ep13 - Tree Navigation

Elements Dev Diary
21

I hope I’m understanding your question correctly… you could use the same modal pop over for all devices, but if you wanted different looking menus on mobile and desktop then you’d have to do something like I demoed in the responsive navigation video from a few weeks back.

If you want the menu displayed differently at mobile and desktop breakpoints it’s only a little extra html to include it twice so it won’t impact performance.

Hope that helps!

P.S. Sorry I missed your questions, seems we got a lot this week :sweat_smile:

1 Like
22

Thanks @dan , Just making sure I am following you. So if I put the tree menu in at desktop, I could simply add the model html into the same tree menu at small size to turn it into a responsive menu?

EDIT: since Elements is mobile first, perhaps I build the tree with the modal button, but for desktop, I set the state to active so it stays open in a column on the page?

23

Thank you for this navigation demo! I was waiting to see how Rapidweaver Elements would handle navigation for larger websites with subpages. Looking at the future of Rapidweaver gets me excite for its release.

3 Likes
24

Hmm, no. You’d have two menus, one showing on mobile and one showing on desktop. They’d be independent, and you could design them however you liked.

I think it may be easier to understand if I record a demo video :thinking:

1 Like
25

Bummer, correct me if I’m wrong but that means both will be showing in the code, requiring one to be hidden with CSS, depending on the viewport.

If so then I will still be looking for a graceful solution to large technical website navigation. I was really hoping this it.

26

Hmmm, I’ll have a think about how we can make this work for you :thinking:

1 Like
27

Is Elements going to have a Search Element? So we can build in a search box on our website for users?

1 Like
28

It would be really helpful if Elements provided a static search function such as PageFind or Lunr out-of-the-box.

29

Sorry, we don’t have that planned for the initial beta. But it is something a third-party developer could build… it’s why we’ve built the Elements Language… more on that soon :wink:

1 Like