# Tab-navigation for action buttons

**URL:** <https://community.noloco.io/t/tab-navigation-for-action-buttons/159>\
**Category:** Feature Requests\
**Created:** [December 12, 2023, 4:59pm UTC](https://community.noloco.io/t/tab-navigation-for-action-buttons/159 "2023-12-12T16:59:05Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![buildwithjoel](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/buildwithjoel/32/1537_2.png) [@buildwithjoel](https://community.noloco.io/u/buildwithjoel)\
**Post date:** [December 12, 2023, 4:59pm UTC](https://community.noloco.io/t/tab-navigation-for-action-buttons/159/1 "2023-12-12T16:59:05Z")

</div>

Hey there! Currently, action buttons allow you to navigate the user to an external webpage (via URL), or to an internal app page. However, the internal app pages are limited to top-level pages, records within those pages, or new record layouts. I would love to be able to navigate the user to a specific tab within a record’s detail page. So, rather than landing the user on page = Clients, and record = Acme Corp, I would land the user on page = Clients, record = Acme Corp, and tab = Contracts (for example).

I attempted a workaround by copying my app’s url to the “Contracts” tab and setting the action button to navigate the user to an external webpage. I pasted that URL in, and dynamically replaced the recXYZ string (I’m using Airtable as my backend) with the current record’s UUID. The problem is that it takes way too long to load because it is opening a link. So I abandoned that solution.

---

<div class="post-metadata">

**Author:** ![darragh](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/darragh/32/12_2.png) [@darragh](https://community.noloco.io/u/darragh)\
**Post date:** [December 12, 2023, 5:29pm UTC](https://community.noloco.io/t/tab-navigation-for-action-buttons/159/2 "2023-12-12T17:29:53Z")

</div>

This is a great suggestion, thanks @buildwithjoel !

> [@buildwithjoel](#):
>
> The problem is that it takes way too long to load because it is opening a link. So I abandoned that solution.

This will work, and fast, if you remove the domain name from the URL.

So if you have `https://myapp.noloco.io/my-page/my-tab`

Just use `/my-page/my-tab`

Make sure it starts with `/` and we will navigate internally, without reloading the page

---

<div class="post-metadata">

**Author:** ![nathan](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/nathan/32/46_2.png) [@nathan](https://community.noloco.io/u/nathan)\
**Post date:** [December 19, 2023, 3:59pm UTC](https://community.noloco.io/t/tab-navigation-for-action-buttons/159/3 "2023-12-19T15:59:55Z")

</div>

So glad this was asked. We’re going to be using this in the app we’re currently developing as well!

---

<div class="post-metadata">

**Author:** ![buildwithjoel](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/buildwithjoel/32/1537_2.png) [@buildwithjoel](https://community.noloco.io/u/buildwithjoel)\
**Post date:** [December 20, 2023, 2:21am UTC](https://community.noloco.io/t/tab-navigation-for-action-buttons/159/4 "2023-12-20T02:21:23Z")

</div>

Superrr great to know @darragh thank you!

---

<div class="post-metadata">

**Author:** ![Tobias](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/tobias/32/252_2.png) [@Tobias](https://community.noloco.io/u/Tobias)\
**Post date:** [July 22, 2024, 5:48am UTC](https://community.noloco.io/t/tab-navigation-for-action-buttons/159/5 "2024-07-22T05:48:36Z")

</div>

I would love to flag this again, as it is becoming increasingly important to us. We have so many tabs on pages and it would make work much more efficient if we could send the user straight to a specific tab on a specific page.

---

<div class="post-metadata">

**Author:** ![Brandi\_Bullock](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/brandi_bullock/32/73_2.png) [@Brandi\_Bullock](https://community.noloco.io/u/Brandi_Bullock)\
**Post date:** [July 24, 2024, 12:58pm UTC](https://community.noloco.io/t/tab-navigation-for-action-buttons/159/6 "2024-07-24T12:58:28Z")

</div>

I use this often! Dropping the beginning domain info and starting at the first forward slash is pretty smooth and has worked perfectly in my set ups 😃

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/noloco/original/1X/340c9e779979a6d058529f0be7f0b66b1933f023.png)

---

<div class="post-metadata">

**Author:** ![Tobias](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/tobias/32/252_2.png) [@Tobias](https://community.noloco.io/u/Tobias)\
**Post date:** [August 4, 2024, 6:27am UTC](https://community.noloco.io/t/tab-navigation-for-action-buttons/159/7 "2024-08-04T06:27:06Z")

</div>

I saw that you added TABS to the navigate function! Very awesome, thank you!

BUT, I still can not use it because all my pages are in folders and currently the navigation only works on top level URLs. Will you be addressing this?

---

<div class="post-metadata">

**Author:** ![Tobias](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/tobias/32/252_2.png) [@Tobias](https://community.noloco.io/u/Tobias)\
**Post date:** [August 4, 2024, 6:31am UTC](https://community.noloco.io/t/tab-navigation-for-action-buttons/159/8 "2024-08-04T06:31:01Z")

</div>

> [@darragh](#):
>
> This will work, and fast, if you remove the domain name from the URL.
> 
> So if you have `https://myapp.noloco.io/my-page/my-tab`
> 
> Just use `/my-page/my-tab`
> 
> Make sure it starts with `/` and we will navigate internally, without reloading the page

How would I navigate to a TAB inside a record I am currently in? Is there a placeholder for the current record’s uuid?

---

<div class="post-metadata">

**Author:** ![darragh](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/darragh/32/12_2.png) [@darragh](https://community.noloco.io/u/darragh)\
**Post date:** [August 5, 2024, 6:25am UTC](https://community.noloco.io/t/tab-navigation-for-action-buttons/159/9 "2024-08-05T06:25:20Z")

</div>

> [@Tobias](#):
>
> BUT, I still can not use it because all my pages are in folders and currently the navigation only works on top level URLs. Will you be addressing this?

What do you mean by this?  
It should work for all kinds of pages, does it not?

> How would I navigate to a TAB inside a record I am currently in? Is there a placeholder for the current record’s uuid?

You can use the dynamic value for the current record’s ID, can’t you?
