# Navigation - tabs etc

**URL:** https://community.glideapps.com/t/navigation-tabs-etc/64068
**Category:** Ask for Help
**Created:** [July 18, 2023, 4:41pm UTC](https://community.glideapps.com/t/navigation-tabs-etc/64068 "2023-07-18T16:41:50Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Andrew\_Davies](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/andrew_davies/32/41838_2.png) [@Andrew\_Davies](https://community.glideapps.com/u/Andrew_Davies)
#### Post date: [July 18, 2023, 4:41pm UTC](https://community.glideapps.com/t/navigation-tabs-etc/64068/1 "2023-07-18T16:41:50Z")

</div>

Hi

I posted about this in the topic below (now closed).

> [@Navigation advice - tabs or sub menus or similar](https://community.glideapps.com/t/navigation-advice-tabs-or-sub-menus-or-similar/63875/1):
>
> Hi Suspect there is no easy answer to this - but here goes! In the absence of any submenu option in Glide - can anyone advise how to achieve the following? Several projects in a project table. Users can choose a project which takes them to a detail screen with further details. Easy. But I need to put a lot of detail on that detail screen - so ideally I would have pages added to the menu bar as necessary - or tabs or similar across the top (see screen shot from another no code builder I exp…

I thought the solution suggested (using a custom collection, to link to “New screens” via a workflow, would work, but I am afraid it just isn’t quite cutting it. I could do with the “tabs” staying permanently on the screen - a few of my users found it confusing that they would disappear. Yes I could copy them to each page - but that is a bit tedious.

So I am going back to using a choice component on a single page, writing to a field in the users table and having several collections on one page controlled with visibility settings. Feels really cumbersome to set up though.

Hope Glide add some kind of sub-menu / native tab soon

Thanks anyway - still a useful tip!

Andrew

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [July 19, 2023, 2:36pm UTC](https://community.glideapps.com/t/navigation-tabs-etc/64068/2 "2023-07-19T14:36:54Z")

</div>

> [@Andrew\_Davies](#):
>
> So I am going back to using a choice component on a single page, writing to a field in the users table and having several collections on one page controlled with visibility settings. Feels really cumbersome to set up though.

This will kill your edits count if you scale, though.

> [@Andrew\_Davies](#):
>
> “New screens” via a workflow, would work, but I am afraid it just isn’t quite cutting it.

Can you describe what is the problem with this approach?

---

<div class="post-metadata">

### Author: ![Andrew\_Davies](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/andrew_davies/32/41838_2.png) [@Andrew\_Davies](https://community.glideapps.com/u/Andrew_Davies)
#### Post date: [July 19, 2023, 3:20pm UTC](https://community.glideapps.com/t/navigation-tabs-etc/64068/3 "2023-07-19T15:20:40Z")

</div>

Sure -

It works well, but for the following -

- I find it quite hard getting the relations to work on each new screen. In fact, this is something I always seem to struggle with. I have a screen for “Projects”, which then links to a detail screen for that project. That’s fine. On that detail screen is where I have the buttons to link to each of the new screens. When I am on a new screen - I don’t seem to have the data source option I need in the Data\>Source dropdown. Though I appreciate I probably just need to add a relation into the table that stores the tab names for this. I am pretty sure though (Can’t recall why), a couple of times the relation hasn’t shown up - but that could be user error. There doesn’t seem to be an easy way of referencing which table the reference comes from (though I am now in the habit of calling each relation field something like rel-TABLE 1\>TABLE 2

- Ideally, each page would have the tabs remain as is and the current page would show as selected. That didn’t seem possible with this approach

- Recreating the tabs on each page was rather tedious - and it was hard to keep track of all the different screens.

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [July 19, 2023, 11:24pm UTC](https://community.glideapps.com/t/navigation-tabs-etc/64068/4 "2023-07-19T23:24:14Z")

</div>

> [@Andrew\_Davies](#):
>
> I find it quite hard getting the relations to work on each new screen. In fact, this is something I always seem to struggle with. I have a screen for “Projects”, which then links to a detail screen for that project. That’s fine. On that detail screen is where I have the buttons to link to each of the new screens.

So I assume you want the navigation bar to live on each of the project details screen?

> [@Andrew\_Davies](#):
>
> When I am on a new screen - I don’t seem to have the data source option I need in the Data\>Source dropdown.

You should still have it, I think this is where things get lost.

Add a JavaScript column in your User Profiles table.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/9/39eaa50b59ec135f5ff84c85387cc01d4ab29b56.png)

This will return the rowID of the screen you’re viewing.

```auto
return p1.split("/").pop()

```

Then add a template column on the tables where you store the tab names. Point that template column to the value above.

Next, create a relation from that template column to the rowID column of the projects table.

Finally, on your collection of tab names, the action should be “show new screen” \> the relation above. I think what was mistaken here is you were navigating to the row of the tab name, instead of the row of the project.

> [@Andrew\_Davies](#):
>
> Though I appreciate I probably just need to add a relation into the table that stores the tab names for this.

Yes, same idea as above.

> [@Andrew\_Davies](#):
>
> Recreating the tabs on each page was rather tedious - and it was hard to keep track of all the different screens.

I thought you want to have different components for each “tab”?

---

<div class="post-metadata">

### Author: ![Andrew\_Davies](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/andrew_davies/32/41838_2.png) [@Andrew\_Davies](https://community.glideapps.com/u/Andrew_Davies)
#### Post date: [July 20, 2023, 5:51pm UTC](https://community.glideapps.com/t/navigation-tabs-etc/64068/5 "2023-07-20T17:51:50Z")

</div>

Thanks for this - @ThinhDinh

I guess this is partly my case in point - A clever technique, but it seems quite complicated.

Got that working ok (with the Javascript column / template column and relation etc) - very clever and makes sense!

Maybe I am doing something wrong - but this now creates a new screen with access to the current “Project” - which is great - but I need to put different elements on each screen. I would just like the tabs to be consistent on each page (with the current page deselected)

Seems like a lot of work for fairly standard functionality?

Really appreciate your help though -

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [July 21, 2023, 12:08am UTC](https://community.glideapps.com/t/navigation-tabs-etc/64068/6 "2023-07-21T00:08:17Z")

</div>

> [@Andrew\_Davies](#):
>
> Maybe I am doing something wrong - but this now creates a new screen with access to the current “Project” - which is great - but I need to put different elements on each screen. I would just like the tabs to be consistent on each page (with the current page deselected)
> 
> Seems like a lot of work for fairly standard functionality?

It would be a tad easier if we have custom screen configuration for “show new screens”, but yeah at the moment I think it’s the way we have to work with.

I don’t understand the “tabs to be consistent on each page (with the current page deselected)” part. Can you give an example in visual form?
