Multiple apps: page navigation and transition to the required container

[Dmitriy_Tulchinskiy]

Hello everyone! I could really use your help.

I had several apps in Retool, and once the multiple apps feature became available to me, I decided to create a main dashboard to serve as a home page, importing all apps into this dashboard. The setup went smoothly, and I organized access to these apps (now as pages) through a navigation menu.

In one of the apps, I previously used a tabs component, which includes different views: View1, View2, and View3. Now, I’d like to be able to access each specific view directly from the dashboard.
I was able to do this when the app was standalone—not part of the dashboard. There are special settings on the app page that allow navigation to the desired tab:

I also noticed that the app I imported into the dashboard became a page with a separate URL, and it has its own settings. Could I be doing something wrong with them?

I created a similar example and exported the JSON as a sample.
Main page.json (17.9 KB)
Thanks, guys.

[Dmitriy_Tulchinskiy]

up @Community-Support-Engineers

[Tess]

Hi @Dmitriy_Tulchinskiy thanks for flagging! Taking a look at your export

[Tess]

Hi @Dmitriy_Tulchinskiy,

One option is to take these steps:

1. Create a custom event for each nav item on the default page. The event would be a go to page event where you also set the hash param:
   

   

2. Set page1 url params to be based on the selected view. This makes it so the url hash params change if the user switches tabs on page1
   

   

3. Set the default value of the tabs to be based off of the url hash params. This makes it so the correct tab is selected on load for page1:
   

   

[Dmitriy_Tulchinskiy]

Hey @Tess . Thanks for reply.
I'm really sorry, but I can't reproduce this. I followed the instructions you provided, but I still end up on the first tab of the page page1. I tried to figure out what might be going on here. And I also noticed that the link in url.href is being generated incorrectly. When I select an item from the navigation panel on the default page, for example, View2, I get a link in this format:
https://myproject.retool.com/editor/edca7a3c-96c2-11ef-92e3-bf3ce6742594/Practice/Main%20page/page1#tabName=View2
However, if the link were in this format:
https://myproject.retool.com/editor/edca7a3c-96c2-11ef-92e3-bf3ce6742594/Practice/Main%20page/page1#tabName=View%202
(I changed the project name to myproject)
then I would land on the correct tab of page1.
Here screens:

1. I select View2 in default page and this is what i get:
   
   
   
   
   
   
   
   
   
   
   
   
   Why did I conclude that the link is incorrect?
   I tried a direct link for View3 and it takes me there, but instead of navigating between pages, it loads the page from scratch.

Does that make sense? Or am I doing something wrong? @Tess

[Tess]

Hi @Dmitriy_Tulchinskiy,

Thanks for the screenshots!

Am I correct in understanding that the url is set correctly when clicking between tabs, but not when clicking the navigation?

It seems like the navigation events need a space between "View" and the number ?

Should this be tabName = View 2, not tabName = View2?

[Tess]

If that doesn't help, maybe a screen recording or updated json would help!

[Dmitriy_Tulchinskiy]

Oh, @Tess Thank you.
Indeed, there should be a space there; then the link will be formed correctly, and everything will work. Thank you very much!