# How to create Different Login UI?

**URL:** <https://discourse.nodered.org/t/how-to-create-different-login-ui/38123>\
**Category:** Dashboard\
**Created:** [28 December 2020 06:32 UTC](https://discourse.nodered.org/t/how-to-create-different-login-ui/38123 "2020-12-28T06:32:28Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![rpr](https://avatars.discourse-cdn.com/v4/letter/r/b5ac83/32.png) [@rpr](https://discourse.nodered.org/u/rpr)\
**Post date:** [28 December 2020 06:32 UTC](https://discourse.nodered.org/t/how-to-create-different-login-ui/38123/1 "2020-12-28T06:32:29Z")

</div>

Hello Respected Members,  
I am trying to create a Dashboard in which when i press Admin Button it directs me to a different User Interface and when i press Admin it directs me to Admin User Interface.  
Any relevant Information would be appreciated.  
Thank you.

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [28 December 2020 06:53 UTC](https://discourse.nodered.org/t/how-to-create-different-login-ui/38123/2 "2020-12-28T06:53:52Z")

</div>

> directs me to a different User Interface

Are you referring to node-red-dashboard ? If yes, this is a single user dashboard only.

---

<div class="post-metadata">

**Author:** ![rpr](https://avatars.discourse-cdn.com/v4/letter/r/b5ac83/32.png) [@rpr](https://discourse.nodered.org/u/rpr)\
**Post date:** [28 December 2020 07:34 UTC](https://discourse.nodered.org/t/how-to-create-different-login-ui/38123/3 "2020-12-28T07:34:39Z")

</div>

I will try to explain again. In Node-Red Dashboard i want to create interface with two buttons (Admin and User) If Admin is pressed i want to get directed to another Page or User Interface and same for User

---

<div class="post-metadata">

**Author:** ![rpr](https://avatars.discourse-cdn.com/v4/letter/r/b5ac83/32.png) [@rpr](https://discourse.nodered.org/u/rpr)\
**Post date:** [28 December 2020 07:35 UTC](https://discourse.nodered.org/t/how-to-create-different-login-ui/38123/4 "2020-12-28T07:35:21Z")

</div>

Thank you for such a quick reply

---

<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:** [28 December 2020 16:47 UTC](https://discourse.nodered.org/t/how-to-create-different-login-ui/38123/5 "2020-12-28T16:47:43Z")

</div>

If all you want is a web page with 2 links, the easiest way to do that is to configure a folder as your static resources folder (see settings.js) then write a simple HTML file with the 2 links in them.

Dashboard can also have links in its menu so you could have your Dashboard page with a link to the admin page.

In the Editor, you can configure a link in the title so that clicking on the Node-RED icon takes you back to the ui if you like.

---

<div class="post-metadata">

**Author:** ![rpr](https://avatars.discourse-cdn.com/v4/letter/r/b5ac83/32.png) [@rpr](https://discourse.nodered.org/u/rpr)\
**Post date:** [29 December 2020 06:13 UTC](https://discourse.nodered.org/t/how-to-create-different-login-ui/38123/6 "2020-12-29T06:13:39Z")

</div>

> [@TotallyInformation](#):
>
> If all you want is a web page with 2 links, the easiest way to do that is to configure a folder as your static resources folder (see settings.js) then write a simple HTML file with the 2 links in them.

Is there any video or document where I can read it even if you give just keywords or Link will be enough  
Thank you for the reply

> [@TotallyInformation](#):
>
> Dashboard can also have links in its menu so you could have your Dashboard page with a link to the admin page.

Presently i am thinking about same and got a Demo which segregates based on the Scope but i am trying to update it as you said.

> [@TotallyInformation](#):
>
> In the Editor, you can configure a link in the title so that clicking on the Node-RED icon takes you back to the ui if you like.

In the end this will be my Last option.  
Thank you

---

<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:** [29 December 2020 11:35 UTC](https://discourse.nodered.org/t/how-to-create-different-login-ui/38123/7 "2020-12-29T11:35:01Z")

</div>

> [@rpr](#):
>
> Is there any video or document where I can read it even if you give just keywords or Link will be enough  
> Thank you for the reply

Have a look at the settings.js file, it is annotated. Or look at the more detailed annotated version I shared on this forum a few days ago. The setting makes a folder available to Node-RED's built-in ExpressJS web server. Putting any kind of file in there enables it to be served up by Node-RED.

For example, I always set the folder location to "public" which means that the filing system folder `~/.node-red/public/` is the full location. So a file in that folder called `mypage.html` is served up as `http://<nr-ip>:1880/mypage.html` - that assumes you've not changed any of the other settings, several of which might change some of that.

All of this should be in the Node-RED documentation somewhere.

If you want to create a data-driven page at the root url, you can change the location that Dashboard is presented. Or you can use either the http-in/-out nodes to serve up a page or use uibuilder.

---

<div class="post-metadata">

**Author:** ![rpr](https://avatars.discourse-cdn.com/v4/letter/r/b5ac83/32.png) [@rpr](https://discourse.nodered.org/u/rpr)\
**Post date:** [1 January 2021 06:14 UTC](https://discourse.nodered.org/t/how-to-create-different-login-ui/38123/8 "2021-01-01T06:14:42Z")

</div>

Thank You Sir

---

<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:** [31 January 2021 06:14 UTC](https://discourse.nodered.org/t/how-to-create-different-login-ui/38123/9 "2021-01-31T06:14:45Z")

</div>

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