Navigation Bar - Navigate to Sections

So I added a Navigation bar and it automatically shows the pages we added, so when we click on it, it navigates us to the page.

But I want to add buttons there to navigate the client to a section in the same page instead of another

Can I use the Navigation bar and add links to navigate the user to the section instead another page?

RapidWeaver Elements b32 (23189)

Linking to anchors on the page via the Standard navigation bar is not currently supported, as it is designed to list pages as links rather than internal anchor points.

However, there is a dropzone in the Standard navigation where you can place buttons or text elements and manually link them to anchor points on the page.

If that’s not an option, the best approach would be to create a custom set of links or buttons using the built-in components. A Flex with Buttons could work well for this setup! :blush:

1 Like

Alright, that seems fine. I’ll try the drop zone otherwise I create a custom navigation. Thanks now.

1 Like

How do you do that. Please enlighten me. Thanks.

ok crude example

Don’t ignore the awesome Top Pages component, it has a lot of flexibility for building custom navigation features.

If you have more than one page on your site and you want to add in page links consider create a LINK using the New Link menu item, then set it up to point to your anchor. Finally, drop it onto your page where you want to use it and it will become a sub-item, and will then show up in a dropdown for the page, allowing you to jump to locations on your page.

I depend heavily on this feature on one of my sites to allow fast in-page navigation.

Here is what one of my pages looks like using this option.

All of these sub-items for this page point to anchors within the page, it is an awesome way to allow people to quickly jump around the page. On this site I actually uses it on a number of pages as there is so much detail to navigate, too.

The only slightly tricky thing with this approach is knowing how to correctly set up the link URL to your anchor. For the link selected in the image it looks like this /hanalei-fins/#q5-series, so basically the page name followed by the anchor.

I recommend this approach if you don’t want to build a custom navigation system. Although if you do decide to it can be easily done with Top Pages. I also forgot to mention that you can drop these LINK elements directly into the main part of the menubar to avoid having to use a dropdown, just place them at the same level as you pages in the page panel. But that only works if you have one or two pages as you are giving up real estate in your menubar.

2 Likes

ok a little less crude full screen single page jumps

project

elementsapp://downloadDocument/e0lh90uKfRuZ

I like Top Pages using it lot

1 Like

I created this a while back, just tailwind