Single Page App: Routing without moving to a new content page

Hi,

I am building a Single Page App and would like to use routing but without moving the content to a new content page, is that feasible?

My approach is as follow: 1/add a route in the route panel, 2/add a route component in the page itself and 3/ add a conditional region linked to the page route component (using the ismatch attribute)

Step 1 is working great and the routing is working well to the page:
image

However, I am unable to get a ‘ismatch==true’ in the page itself for the following:
image

Can you please advise how to correct it?

Thank you

Yes - this is entirely possible and can be easily achieved indeed by using the “Route” App Connect Component.

This component will function just as conditional regions when the route match. So if you don’t give it a separate content page - it will just make itself and its children visible when it matches.

So this way you can have multiple and even nested page routes that will become visible when needed.

So you can have a SPA with just multiple Page routes and no external content. All being toggled dynamically.

OK great, that’s clear thanks.

1 Like