Adding a new Nav Bar Button

Sorry new to Wappler but I did try t find an answer to this first. I added a header and 2 columns left side holds an image right side holds a Nav Bar. I cannot figure out how to add a new button to the Nav bar can anyone help me . Thanks in advance.

There are several ways to do this. Eg right-click an existing nav item and:

image

Or you could duplicate an existing one by clicking the duplicate button:

image

35

My issue is I see no Nav Items nor do I see a means in which to add a Nav item

You need a div with a class of Navbar Nav next, then you should be able to add Nav Items (see my screenshot above).

This structure can be created automatically if you choose one of the nav bar options:

Unless you’ve done any work on this, it might be simpler to delete the elements within the column and start again.

Thanks I’ll give that a try.

Please also check the docs: https://docs.wappler.io/t/creating-a-navbar/2904

You can see which elements need to be added in what order.
Note, the docs were created with an older version, but the principle and elements/order is the same.

1 Like

Tom - How do i get those Blocks to show ?

Never mind see it only shows up when you create a new page.