# Improvement: header&footer

**URL:** https://discourse.nodered.org/t/improvement-header-footer/502
**Category:** Dashboard
**Created:** [31 May 2018 11:17 UTC](https://discourse.nodered.org/t/improvement-header-footer/502 "2018-05-31T11:17:36Z")
**Posts on this page:** 6
**Page:** 2

<div class="post-metadata">

### Author: ![arneym](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/arneym/32/54_2.png) [@arneym](https://discourse.nodered.org/u/arneym)
#### Post date: [12 October 2018 18:55 UTC](https://discourse.nodered.org/t/improvement-header-footer/502/21 "2018-10-12T18:55:00Z")

</div>

Had my wife fix the logo for me... Thank goodness she knows how to do it!😉

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/6/6d5974df236042f455d7eb0d285ac44d5cdc94d5.png)

---

<div class="post-metadata">

### Author: ![VikrantSharma](https://avatars.discourse-cdn.com/v4/letter/v/22d042/32.png) [@VikrantSharma](https://discourse.nodered.org/u/VikrantSharma)
#### Post date: [7 December 2018 08:40 UTC](https://discourse.nodered.org/t/improvement-header-footer/502/22 "2018-12-07T08:40:53Z")

</div>

I wish to have this kind of logo in my app this looks very nice how to do it?  
How to create folder and config it for images

---

<div class="post-metadata">

### Author: ![ukmoose](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ukmoose/32/13_2.png) [@ukmoose](https://discourse.nodered.org/u/ukmoose)
#### Post date: [7 December 2018 09:07 UTC](https://discourse.nodered.org/t/improvement-header-footer/502/23 "2018-12-07T09:07:53Z")

</div>

How to set up a static http folder is described in the docs  
[https://nodered.org/docs/configuration](https://nodered.org/docs/configuration)

But if you node-RED is going to be connected to the internet you will also need to secure the Node-RED

---

<div class="post-metadata">

### Author: ![Marooned](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/marooned/32/2858_2.png) [@Marooned](https://discourse.nodered.org/u/Marooned)
#### Post date: [7 December 2018 10:48 UTC](https://discourse.nodered.org/t/improvement-header-footer/502/24 "2018-12-07T10:48:59Z")

</div>

> [@zenofmud](#):
>
> One of the things I do when playing wiht CSS settings is to add `border: solid 1px red;` to each of the CSS selectors I'm trying to play with.

While this is nice and easy, I would suggest using `outline` instead of `border`, as `border` changes various things like sizes of bounding box and breaks margin collapsing so with border you might have all ok, then remove the border and break your precise layout. `outline` does not bring those issues.

---

<div class="post-metadata">

### Author: ![theonewhopreserves](https://avatars.discourse-cdn.com/v4/letter/t/ccd318/32.png) [@theonewhopreserves](https://discourse.nodered.org/u/theonewhopreserves)
#### Post date: [25 March 2022 11:54 UTC](https://discourse.nodered.org/t/improvement-header-footer/502/25 "2022-03-25T11:54:51Z")

</div>

Hi dceejay,

I was curious if there is a way to append an entire ui\_group into the footer. What I am trying to do is have a standard screen that has a certain buttons that are displayed on every page. So it's like a header and footer that is constant on each screen but it's not just some text and image but certain functionalities that are common on all screens. And I am using a ui\_template and have added a logo and a clock in the header and that works.

Thanks in advance.  
Kushal

---

<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: [25 March 2022 12:49 UTC](https://discourse.nodered.org/t/improvement-header-footer/502/26 "2022-03-25T12:49:01Z")

</div>

Hi. I don’t think so. You can put any normal html /js in there like the header I think

[Previous page](https://discourse.nodered.org/t/improvement-header-footer/502.md?page=1)