# Dashboard default tab

**URL:** <https://discourse.nodered.org/t/dashboard-default-tab/25160>\
**Category:** Dashboard\
**Created:** [19 April 2020 23:04 UTC](https://discourse.nodered.org/t/dashboard-default-tab/25160 "2020-04-19T23:04:41Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![lopikamper](https://avatars.discourse-cdn.com/v4/letter/l/c5a1d2/32.png) [@lopikamper](https://discourse.nodered.org/u/lopikamper)\
**Post date:** [19 April 2020 23:04 UTC](https://discourse.nodered.org/t/dashboard-default-tab/25160/1 "2020-04-19T23:04:41Z")

</div>

Hi,  
is there a way to set up default Dashboard tab ? I've got a Menu tab in my application but I couldn't find a way to open dashboard for user always on this tab. I've tried to implement it by using inject node on the start and ui-control node, but it doesn't work. But changing tabs with buttons and ui-control works.

Injecting the msg from node-red will change the tab, but it cannot be done automatically.

Thx for advice  
 ![Screenshot_2](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/8/e85259c8a23e26702ff2c6432c71579a6e37b37b.png)

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [19 April 2020 23:18 UTC](https://discourse.nodered.org/t/dashboard-default-tab/25160/2 "2020-04-19T23:18:05Z")

</div>

> [@lopikamper](#):
>
> Injecting the msg from node-red will change the tab, but it cannot be done automatically.

What do you mean by that?

Looking at the screen shot, the `inject` is set to inject at start up.

If - as you say - it works, what is the question?

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [19 April 2020 23:29 UTC](https://discourse.nodered.org/t/dashboard-default-tab/25160/3 "2020-04-19T23:29:59Z")

</div>

I think the ui\_control node can signal when a new connection is made. I believe another function of that node is to select a tab. Put 2 of them on a flow with the 1st connected to a switch node (to determine new connection) then a change node (to set the payload to desired tab name) then feed that to 2nd ui\_control

Might need some experimentation or additional stuff, but something along those lines might give you what you want.

---

<div class="post-metadata">

**Author:** ![Trying\_to\_learn](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/trying_to_learn/32/28400_2.png) [@Trying\_to\_learn](https://discourse.nodered.org/u/Trying_to_learn)\
**Post date:** [19 April 2020 23:37 UTC](https://discourse.nodered.org/t/dashboard-default-tab/25160/4 "2020-04-19T23:37:42Z")

</div>

I'm guessing they want to go to the tab called `Menu`.  
All that is needed is that `Menu` (Case sensitive) is injected to the `ui_control` and it will change that to the _front_ (visible) tab.

Though, ok: I have to admit, I have never done that from the editor's point of view.

I have the buttons and press the one I want.

---

<div class="post-metadata">

**Author:** ![lopikamper](https://avatars.discourse-cdn.com/v4/letter/l/c5a1d2/32.png) [@lopikamper](https://discourse.nodered.org/u/lopikamper)\
**Post date:** [20 April 2020 06:43 UTC](https://discourse.nodered.org/t/dashboard-default-tab/25160/5 "2020-04-20T06:43:59Z")

</div>

It works only manually from Node-RED, not by self-injecting the value "Menu" after deploying from inject node. The problem is that from my experience and experimenting tabs cannot be changed before someone is connected to dashboard. I have buttons to move between the tabs which work, but I want dashboard to always open on one "chosen by me" tab.

---

<div class="post-metadata">

**Author:** ![lopikamper](https://avatars.discourse-cdn.com/v4/letter/l/c5a1d2/32.png) [@lopikamper](https://discourse.nodered.org/u/lopikamper)\
**Post date:** [20 April 2020 06:58 UTC](https://discourse.nodered.org/t/dashboard-default-tab/25160/7 "2020-04-20T06:58:49Z")

</div>

Interesting thought, but it doesn't work either. From my experience and experimenting, Node-RED cannot change tab before someone is connected to dashboard. I tried it, set up inject node to automatically inject after 3 sec, and did some experimenting. Tab changes only when I get connected to dashboard before that 3 sec time span after deploying flows.

So i guess i will use exec node to automatically start dashboard after deploying and then change the tab, beacuse a don't see any other option here.

 ![Screenshot_1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/a/2a77a45a916dbfdbb049bed88c16827f384ec818.png)

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [20 April 2020 07:04 UTC](https://discourse.nodered.org/t/dashboard-default-tab/25160/8 "2020-04-20T07:04:46Z")

</div>

Using the dashboard sidebar in the editor, you can reorder the tabs. Move the tab you want as the default to the top of the list.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [20 April 2020 08:02 UTC](https://discourse.nodered.org/t/dashboard-default-tab/25160/9 "2020-04-20T08:02:10Z")

</div>

Or if for some reason you don't want it at the top of the list when you use the menu the option suggested by @Steve-Mcl definitely works.

---

<div class="post-metadata">

**Author:** ![lopikamper](https://avatars.discourse-cdn.com/v4/letter/l/c5a1d2/32.png) [@lopikamper](https://discourse.nodered.org/u/lopikamper)\
**Post date:** [20 April 2020 09:20 UTC](https://discourse.nodered.org/t/dashboard-default-tab/25160/10 "2020-04-20T09:20:51Z")

</div>

Oh, didn't know it was that easy. "Menu" tab was at the top from beginning of my project, but for some reason wasn't the default, but after moving it to the bottom, deploying and moving it back to the top it works now. Thank you.

---

<div class="post-metadata">

**Author:** ![lopikamper](https://avatars.discourse-cdn.com/v4/letter/l/c5a1d2/32.png) [@lopikamper](https://discourse.nodered.org/u/lopikamper)\
**Post date:** [20 April 2020 09:22 UTC](https://discourse.nodered.org/t/dashboard-default-tab/25160/11 "2020-04-20T09:22:24Z")

</div>

Yeah, I slightly misunderstood that solution, but it works too now. Thx

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [4 May 2020 09:22 UTC](https://discourse.nodered.org/t/dashboard-default-tab/25160/12 "2020-05-04T09:22:25Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.