Tab title not changing after successfully redirecting URL

App Building
1

I've created a simple navigation bar at the top (using ReTool's in-built template) that redirects me between different apps. While the redirect works, it doesn't change the tab title.

For example, after I start in my default page, lesson reports, it says "Lesson Reports | The Elevated School," which is correct.

image

But when I click on the "Timesheets" app under "Payments" to redirect, the URL and page changes successfully to Timesheets, but the title then just says "Lesson Reports."

image

Only when I refresh the page, does it then correct itself to "Timesheets | The Elevated School."

image

I'm not sure why this is happening? I looked through the existing documentation and didn't find a post experiencing a similar thing.

1 Like
2

Hi @Jeffrey_Yu, could you share which template you used?

I created the module from scratch and it updates as I change tabs:

Tab1: Lesson Reports

Screenshot 2024-07-15 at 10.56.22 AM
Screenshot 2024-07-15 at 10.56.22 AM672×540 52.2 KB

Tab2: Timesheets

Screenshot 2024-07-15 at 10.56.33 AM
Screenshot 2024-07-15 at 10.56.33 AM672×516 48.9 KB

3

Hi! I used one of the basic Retool templates. I forget which one, but I think it was similar to this one: Project Tracker Template Example | Retool

I then spun off the navigation header into a separate module.

Here is the code: https://elevatedschool.retool.com/editor/22bc43e4-e843-11ee-a440-433ce1afd224/navigation_header

4

I also double checked, and the error of the tab title not updating is persisting.

5

We can't access your org, if we were to sign up it may have an impact on your bill. Do you mind exporting the app/module as JSON and attaching it here?

6

Attached!

Lesson Reports.json (527.5 KB)
Timesheets.json (364.0 KB)

7

I'm not able to reproduce it with these two apps, could you send the Module? I believe the logic for navigation is there.

8

navigation_header.json (86.7 KB)

Attached!

9

Thank you for adding the module! I see what the issue is now.

When I initially read:

I thought you meant the title kept referencing the previous app. It looks like what you are experiencing is that when you go to a new app, the title is correct but it's missing the name of your org on the right side of the pipe ... | Org Name

Here is a video recording: Title missing org name when transitioning apps | Loom

I created an internal request to keep the org name when users navigate between apps. I'll update you here with any news from our devs.

Thank you for your feedback! :slightly_smiling_face:

10

Hi Paulo,

Thanks for recording the Loom. That is so weird, actually this is not the error that I see on my screen.

I've recorded a Zoom Clip to show you what is occurring on my side. Basically, the tab view in preview mode is not updating consistently.

Jeffrey

11

Interesting! Does it only happen with Apps under the Lessons dropdown? It may not be happening on my end because I had to set the navigation again (exports keep their reference to App ids). Could you try recreating the menu item and subitems?

12

Yes, it looks like it only happens with apps under the Lessons dropdown.

I also tried recreating the menu item from scratch, and sub items from scratch (aka I didn't use the duplicate function), and the bug still persisted.

13

Hi @Jeffrey_Yu, I was finally able to reproduce! :slightly_smiling_face:

I noticed a pattern on the last video you shared:

  1. There are no issues when the target app does not have a custom URL.
  2. When we navigate to an app with a Custom URL, the title does not update correctly.

Exception:

  1. There are no issues the first time that we navigate to an app with a custom URL if we come from an app without one. But going from here to another app with a custom URL brings back the issue.

Thank you for recording that video, we would not have been able to figure out what was going on without it!

Now here is how I fixed it:

Screenshot 2024-07-23 at 3.01.57 PM
Screenshot 2024-07-23 at 3.01.57 PM1998×1516 338 KB

Because of this bug, we must use Custom navigation on the menu items, technically just for the apps that have a custom URL but it won't hurt if we do it for all of them.

14

OHHH thank you so much Paulo for figuring out the issue! I'm glad the video was helpful. I'll use this solution you've mentioned for the time being.

Once this bug is fixed, please let me know! I'll then revert it back to the original default navigation functionality.

15

We'll update you here when it's fixed. :slightly_smiling_face: