Routes don't properly utilize NavLinks

Wappler General Need Help
, ,
1

Wappler Version : Pro 6.8.0
Operating System : Windows 11
Server Model: PHP, using routing
Database Type: Maria
Hosting Type: Self

Expected behavior

I've created a site using routes.
When someone clicks a nav-link (Class = nav-item and nav-link) it should send them to proper page.
image

Actual behavior

As long as the nav-link Class is active, it tries to send the person to the actual webpage instead of the link.

For instance, on this particular project:
If someone clicks "Song-List" it should send them to link.com/WorshipSongList

But instead, it sends them to link.com/layouts/mainpages/WorshipSongList and results in a "NOT FOUND"
image

How to reproduce

Here's a quick video. Please note this using routes with php.

2

Can you check if it’s the same issue and test the update posted there:

3

That update does not seem to fix the nav-link issue.

4

Is this a SPA site?
How are you routes defined - please post a screenshot.
How do you pick the route exactly? Aren't you using the routes picker next to the href field in the UI?
Screenshot 2024-10-01 at 9.30.53

I see you checked "internal" - this should only be used for SPA sites when navigating from one content page to another.

5

Yes, it is an SPA site.
And, yes, I use the routes picker.
The route picker always works, except with these nav-links.

How are my routes defined? You mean post a screen shot of this?

image
image321×534 6.47 KB

Or this:

image
image459×774 12.4 KB

image

7

Any ETA or update on this?

8

Try the following:

Move the script element of dmxBootstrap5Navigation.js after dmxRouting.js

If that doesn't work try removing the script element with dmxBootstrap5Navigation.js.

Let me know if one of those options worked for you.

9

Moving dmxBootstrap5Navigation/dmxBootstrap5Navigation.js after dmxRouting.js worked successfully.

Thanks.

10

I see it moved from "bugs" to "need help".

Is the dmxBootstrat5Nav... always supposed to be after dmxRouting?
Because I had to manually move it, it automatically put it there.

11

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.