# Is there general sense tabs in Dashboard

**URL:** <https://discourse.nodered.org/t/is-there-general-sense-tabs-in-dashboard/70887>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [19 November 2022 20:47 UTC](https://discourse.nodered.org/t/is-there-general-sense-tabs-in-dashboard/70887 "2022-11-19T20:47:06Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![rxunique](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rxunique/32/70140_2.png) [@rxunique](https://discourse.nodered.org/u/rxunique)\
**Post date:** [19 November 2022 20:47 UTC](https://discourse.nodered.org/t/is-there-general-sense-tabs-in-dashboard/70887/1 "2022-11-19T20:47:06Z")

</div>

In node red dashboard, "tabs" refers to basically different web pages accessed within the 3 stripe hamburger menu

In general sense UI (for lack of more accurate wording), tabs refers to tabular interfaces that's often used in settings, random example below

![](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/f/dfec1a4f1fe08c28cab45bae0661d297197384c3.gif)  
Is there any pallet nodes does that, or contrib nodes?

I tried to search around but all result was about node red sense of tabs (menu pages)

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [19 November 2022 21:14 UTC](https://discourse.nodered.org/t/is-there-general-sense-tabs-in-dashboard/70887/2 "2022-11-19T21:14:28Z")

</div>

> [@rxunique](#):
>
> In node red dashboard, "tabs" refers to basically different web pages accessed within the 3 stripe hamburger menu

Not really, Dashboard tabs are merely show/hide different DOM nodes since Dashboard is built around Angular v1 which is a single-page app library.

> [@rxunique](#):
>
> Is there any pallet nodes does that, or contrib nodes?

Sorry, not really sure what you are asking here. There are a number of Dashboard contrib nodes but I don't know of any that deal with tabs since Dashboard already has tabs.

---

<div class="post-metadata">

**Author:** ![tree-frog](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/tree-frog/32/89303_2.png) [@tree-frog](https://discourse.nodered.org/u/tree-frog)\
**Post date:** [20 November 2022 01:02 UTC](https://discourse.nodered.org/t/is-there-general-sense-tabs-in-dashboard/70887/3 "2022-11-20T01:02:54Z")

</div>

It looks like @rxunique is asking for an entity that appears like a frame which has tabs on it and when you select the tabs on top it renders whatever you apply in the "tabbed" area. Per the example... and not related links to other "pages", but that entity rendered on a page.  
I'm guessing here, but you probablly need to build your own HTML template for the box frame content and show buttons at the top which you'd select as "tabs" in order to control content.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [20 November 2022 16:11 UTC](https://discourse.nodered.org/t/is-there-general-sense-tabs-in-dashboard/70887/4 "2022-11-20T16:11:50Z")

</div>

Of if you really want a custom UI, try out uibuilder instead. There are examples with VueJS v2 and bootstrap-vue and bv itself has a fairly easy to use tab component.

---

<div class="post-metadata">

**Author:** ![rxunique](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rxunique/32/70140_2.png) [@rxunique](https://discourse.nodered.org/u/rxunique)\
**Post date:** [20 November 2022 19:48 UTC](https://discourse.nodered.org/t/is-there-general-sense-tabs-in-dashboard/70887/5 "2022-11-20T19:48:11Z")

</div>

Thanks, there was another dead end I ran into with Dashboard, but uibuilder + vue could be the answer, gotta dig into it now

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [20 November 2022 22:03 UTC](https://discourse.nodered.org/t/is-there-general-sense-tabs-in-dashboard/70887/6 "2022-11-20T22:03:06Z")

</div>

Don't forget that you can use any front-end framework you like with uibuilder. I chose Vue v2 and bootstrap-vue for people with limited front-end coding experience. These days, there is a lot of choice so pick one you are comfortable with.

---

<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:** [20 December 2022 22:03 UTC](https://discourse.nodered.org/t/is-there-general-sense-tabs-in-dashboard/70887/7 "2022-12-20T22:03:43Z")

</div>

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