3.9.9 - Navbar unable to find the views when a main layout is used

Wappler General Need Help
1

I’m unable to set up the Navbar when I use a “main” layout for a simple site example:

Link to GitHub repository of my site: Broken site with a “main” layout

It loads okay initially:

It loads okay
It loads okay2104×1394 323 KB

But pressing the links breaks it:

Navbar does not work (tried to click Home)
Navbar does not work (tried to click Home)750×444 65.2 KB

Any help would be greatly appreciated.
–Ralf

2 
<div class="navbar-nav">
          <a class="nav-item nav-link active" href="../views/index.ejs">Home</a>
          <a class="nav-item nav-link active" href="../views/About.ejs">About</a>
          <a class="nav-item nav-link active" href="../views/Contact.ejs" internal>Contact</a>
        </div>

The linking here is incorrect. Pages in NodeJS are always accessed via their route. This sort of path does not work here.

In the Wappler UI, where you see the link part, click on the “shuffle” icon. That will open up the routes on your app, and select the appropriate one there.

1 Like