# Node-Red Ui html change

**URL:** <https://discourse.nodered.org/t/node-red-ui-html-change/60459>\
**Category:** Dashboard\
**Tags:** node-red-dashboard\
**Created:** [28 March 2022 13:53 UTC](https://discourse.nodered.org/t/node-red-ui-html-change/60459 "2022-03-28T13:53:54Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![sercancetin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sercancetin/32/50083_2.png) [@sercancetin](https://discourse.nodered.org/u/sercancetin)\
**Post date:** [28 March 2022 13:53 UTC](https://discourse.nodered.org/t/node-red-ui-html-change/60459/1 "2022-03-28T13:53:54Z")

</div>

How can I do to replace the screen with our own html page when the node red UI is blank. I changed the logo, but I want to add my own design or how can I change the text below.

 ![Screenshot_2](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/5/85fab7e729e6df154368f734a45919b884b0e9a2.png)

snippet in the setting.js file that I used to change the logo.

```auto
ui: {
      path: "ui",
      middleware: function (req, res, next) {
         path = require('path')
       
         if (['/icon64x64.png', '/icon120x120.png', '/icon192x192.png', '/loading.html'].includes(req.url)) {
            res.sendFile(path.resolve(path.join(__dirname, 'icons', req.url)))    
         } else {
            next()
         }
      }
   }

```

File that needs to be changed

 ![Screenshot_3](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/0/806584114425c7c1275fa3c31003c5d180704e60.png)

---

<div class="post-metadata">

**Author:** ![sercancetin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sercancetin/32/50083_2.png) [@sercancetin](https://discourse.nodered.org/u/sercancetin)\
**Post date:** [30 March 2022 08:42 UTC](https://discourse.nodered.org/t/node-red-ui-html-change/60459/2 "2022-03-30T08:42:44Z")

</div>

Hello. No one to help??

---

<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:** [30 March 2022 09:04 UTC](https://discourse.nodered.org/t/node-red-ui-html-change/60459/3 "2022-03-30T09:04:12Z")

</div>

Hi @sercancetin

I notice you are using dashboard-evi - that is a fork of the `node-red-dashboard` set of nodes that we maintain. Unfortunately its readme makes no attempt to explain how it may be different from the main dashboard project.

I know you can drop a `loading.html` (as described in the readme) into the dist folder - but I'm not sure that covers the case you are asking for.

@dceejay would have to confirm, but I don't think there's a quick way to customise that page currently as its built into the application. I'm sure it would be possible to enable some sort of customisation along the same lines as `loading.html` ... but would probably need to be contributed to the project as we aren't doing a lot of new feature development for the current dashboard.

---

<div class="post-metadata">

**Author:** ![sercancetin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/sercancetin/32/50083_2.png) [@sercancetin](https://discourse.nodered.org/u/sercancetin)\
**Post date:** [30 March 2022 11:04 UTC](https://discourse.nodered.org/t/node-red-ui-html-change/60459/4 "2022-03-30T11:04:57Z")

</div>

Thanks for be interested. Mr. knolleary

---

<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:** [29 April 2022 11:05 UTC](https://discourse.nodered.org/t/node-red-ui-html-change/60459/5 "2022-04-29T11:05:36Z")

</div>

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