# Create multiple pages on dashboard

**URL:** <https://discourse.nodered.org/t/create-multiple-pages-on-dashboard/45224>\
**Category:** Dashboard\
**Created:** [5 May 2021 13:46 UTC](https://discourse.nodered.org/t/create-multiple-pages-on-dashboard/45224 "2021-05-05T13:46:35Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![grandautism](https://avatars.discourse-cdn.com/v4/letter/g/b5ac83/32.png) [@grandautism](https://discourse.nodered.org/u/grandautism)\
**Post date:** [5 May 2021 13:46 UTC](https://discourse.nodered.org/t/create-multiple-pages-on-dashboard/45224/1 "2021-05-05T13:46:35Z")

</div>

hello, I want to creat more than one page in my UI, but i don't know how to do that.  
I tried to do what this gentleman did but it was not clear to me

> [@Orchestrating Dashboard page flow via 'ui\_control'](https://discourse.nodered.org/t/orchestrating-dashboard-page-flow-via-ui-control/1103):
>
> There have been several questions lately about how to switch dashboard pages, or trigger actions when a certain page becomes active. Although the Dashboard has its own built-in Models, Views, and Controllers (MVC), it's nice to be able to have more "control" over the UI page interactions. What follows here is a pattern that has worked well for me in the past... In the first Editor tab (flow), I like to put a single ui\_control node with input and output links connected to all my other tabs (the …

---

<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:** [5 May 2021 14:23 UTC](https://discourse.nodered.org/t/create-multiple-pages-on-dashboard/45224/2 "2021-05-05T14:23:51Z")

</div>

You cannot create multiple pages with Dashboard. Dashboard is a Single Page App (SPA).

You can create multiple tabs using the configuration in Node-RED.

---

<div class="post-metadata">

**Author:** ![grandautism](https://avatars.discourse-cdn.com/v4/letter/g/b5ac83/32.png) [@grandautism](https://discourse.nodered.org/u/grandautism)\
**Post date:** [5 May 2021 14:30 UTC](https://discourse.nodered.org/t/create-multiple-pages-on-dashboard/45224/3 "2021-05-05T14:30:57Z")

</div>

how can i do it ? do you have an exemple

---

<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:** [5 May 2021 14:38 UTC](https://discourse.nodered.org/t/create-multiple-pages-on-dashboard/45224/4 "2021-05-05T14:38:06Z")

</div>

Do what? Do you really want a multi-page app? There are several approaches including the use of http-in/-out nodes or the use of uibuilder.

If you want tabs on Dashboard, the details are in the docs.

---

<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:** [5 May 2021 16:36 UTC](https://discourse.nodered.org/t/create-multiple-pages-on-dashboard/45224/5 "2021-05-05T16:36:30Z")

</div>

What do you mean by "pages" - As @TotallyInformation says the dashboard is a single page application - but it can have multiple "Tabs" - which look like different pages of information - you can add them by using the +tab button on the dashboard sidebar.  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/3/53cb7ed36706733f094affd8e9655eb32cf1abe6.png)

---

<div class="post-metadata">

**Author:** ![grandautism](https://avatars.discourse-cdn.com/v4/letter/g/b5ac83/32.png) [@grandautism](https://discourse.nodered.org/u/grandautism)\
**Post date:** [6 May 2021 09:09 UTC](https://discourse.nodered.org/t/create-multiple-pages-on-dashboard/45224/6 "2021-05-06T09:09:34Z")

</div>

ooh I try it, that's what I want. Thaaank you  
sheesh

---

<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 May 2021 09:10 UTC](https://discourse.nodered.org/t/create-multiple-pages-on-dashboard/45224/7 "2021-05-20T09:10:02Z")

</div>

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