# How can I show a workspace per tab?

**URL:** <https://discourse.nodered.org/t/how-can-i-show-a-workspace-per-tab/52863>\
**Category:** General\
**Created:** [28 October 2021 07:02 UTC](https://discourse.nodered.org/t/how-can-i-show-a-workspace-per-tab/52863 "2021-10-28T07:02:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ab24](https://avatars.discourse-cdn.com/v4/letter/a/7c8e57/32.png) [@ab24](https://discourse.nodered.org/u/ab24)\
**Post date:** [28 October 2021 07:02 UTC](https://discourse.nodered.org/t/how-can-i-show-a-workspace-per-tab/52863/1 "2021-10-28T07:02:19Z")

</div>

Hi, need some help and suggestions to implement the following scenario.

I have added 4 tabs in the header using `RED.tabs.create()` as seen in the images below. The requirement is to show a _palette_, _workspace_ and _sidebar_ specific to each tab. So that each tab can have it's own workspace having it's own flow.

**Tab One selected**

 ![tab-one](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/9/c9db9a3a67a9b539c981a9b2d1dc30dcacf94908.png)

**Tab Two selected**

 ![tab-two](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/c/ec9c92785857dd86091b03e8c72ad06ade0ec631.png)

In the Node-Red editor-client code, all these components (_palette_, _workspace_ and _sidebar_) are wrapped in a div with id `red-ui-main-container`. Now I'm guessing we will need a `red-ui-main-container` for the content each of these tabs? Or is there a better way to do this?

Would really appreciate any help extended.

---

<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:** [28 October 2021 07:17 UTC](https://discourse.nodered.org/t/how-can-i-show-a-workspace-per-tab/52863/2 "2021-10-28T07:17:55Z")

</div>

The code not is designed to work like that. You cannot have multiple independent instances of those components.

What problem are you trying to solve with this approach? What does each tab in the header represent?

---

<div class="post-metadata">

**Author:** ![ab24](https://avatars.discourse-cdn.com/v4/letter/a/7c8e57/32.png) [@ab24](https://discourse.nodered.org/u/ab24)\
**Post date:** [28 October 2021 07:45 UTC](https://discourse.nodered.org/t/how-can-i-show-a-workspace-per-tab/52863/3 "2021-10-28T07:45:55Z")

</div>

So the flow/s created in each workspace have a logical relationship with one another. The aim is to have 4 different workspaces each having its own flows yet easily accessible from the tabs.

It's totally ok if they all don't exist all at the same instance. Each workspace, palette and sidebar can be created/destroyed on tab change.

Or could I refresh the info in all these components on tab change without destroying and recreating them?

Thanks for the help.

---

<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:** [27 December 2021 07:46 UTC](https://discourse.nodered.org/t/how-can-i-show-a-workspace-per-tab/52863/4 "2021-12-27T07:46:00Z")

</div>

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