# All tab titles or icons always visible

**URL:** <https://discourse.nodered.org/t/all-tab-titles-or-icons-always-visible/66>\
**Category:** Dashboard\
**Created:** [10 May 2018 18:47 UTC](https://discourse.nodered.org/t/all-tab-titles-or-icons-always-visible/66 "2018-05-10T18:47:20Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![igrowing](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/igrowing/32/663_2.png) [@igrowing](https://discourse.nodered.org/u/igrowing)\
**Post date:** [10 May 2018 18:47 UTC](https://discourse.nodered.org/t/all-tab-titles-or-icons-always-visible/66/1 "2018-05-10T18:47:20Z")

</div>

Hi guys,

How to make all tabs titles or at least tab icons visible all times?  
It’s annoying to click 3-line menu button every time the tab switch is required.

And related question: Is there a keyboard shortcut to switch between tabs?

Thank you!

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [10 May 2018 19:31 UTC](https://discourse.nodered.org/t/all-tab-titles-or-icons-always-visible/66/2 "2018-05-10T19:31:13Z")

</div>

No simple way i’m afraid. On touch devices you can enable swipe left or right.  
You can also create some buttons and use a ui\_control node and inject msg.tab with either +1 or -1 to go to next or previous

---

<div class="post-metadata">

**Author:** ![igrowing](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/igrowing/32/663_2.png) [@igrowing](https://discourse.nodered.org/u/igrowing)\
**Post date:** [11 May 2018 10:51 UTC](https://discourse.nodered.org/t/all-tab-titles-or-icons-always-visible/66/3 "2018-05-11T10:51:18Z")

</div>

That’s pretty cool and good enough. Thank you.  
Details (for other newbie like me):

1. Add 3 UI button nodes to the flow.

2. Add 1 ui\_control node to the flow.

3. Wire buttons out to ui\_control in.

4. Enter each button and type following into each field of each button accordingly:  
Common properties.

Leave other field empty except following:  
For Next button:

```
Icon --> arrow_forward
Payload --> type String, value: +1
Name --> Next

```

For Previous button:

```
Icon --> arrow_back
Payload --> type String, value: -1
Name --> prev

```

For refresh button:

```
Icon --> arrow_forward
Payload --> type String, value: ""
Name --> refresh

```

1. Deploy and have fun. Repeat for other tabs.

---

<div class="post-metadata">

**Author:** ![igrowing](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/igrowing/32/663_2.png) [@igrowing](https://discourse.nodered.org/u/igrowing)\
**Post date:** [11 January 2019 11:27 UTC](https://discourse.nodered.org/t/all-tab-titles-or-icons-always-visible/66/4 "2019-01-11T11:27:25Z")

</div>

[This is better solution and exactly what was needed](https://discourse.nodered.org/t/button-in-topbar/6377/33?u=igrowing): all the controls can be placed in the top bar.