# Show Footer on each tab page

**URL:** <https://discourse.nodered.org/t/show-footer-on-each-tab-page/45158>\
**Category:** Dashboard\
**Created:** [4 May 2021 09:42 UTC](https://discourse.nodered.org/t/show-footer-on-each-tab-page/45158 "2021-05-04T09:42:48Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [4 May 2021 10:12 UTC](https://discourse.nodered.org/t/show-footer-on-each-tab-page/45158/2 "2021-05-04T10:12:25Z")

</div>

> [@Jochen1980](#):
>
> I bet it could be done with the template control but I can't imagine how?!

Yes it can but as you probably know, a template node puts a card onto the dashboard (meaning if you add a ui template node, you will have an extra card in the layout)

If you already have a template node on your "home" page, then you can simply add the below to that template.

```auto
<style>
    .footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: red;
        color: white;
        text-align: center;
    }
</style>

<script>
    $("#nr-dashboard-footer").append('<div class="footer"><p>My Footer</p></div>');
</script>

```

Alternatively, if you have to add a ui-template node (because you dont have one on your home page) then you could hide the card ...

```auto
<style>
    .footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: red;
        color: white;
        text-align: center;
    }
</style>

<script>
    //append a custom footer into #nr-dashboard-footer
    $("#nr-dashboard-footer").append('<div class="footer"><p>My Footer</p></div>');
    //hide this card. NOTE: a960b1e5.8aec is the Node id as seen in the INFO panel on the sidebar
    $('[node-id="a960b1e5.8aec"]').hide(); 
</script>

```

* * *

NOTE: both of these work ~~but I would consider them hacks.~~

As there is an element named `nr-dashboard-footer` (check your browsers devtools) I suspect there might be a better solution.

---

_[View the full topic](https://discourse.nodered.org/t/show-footer-on-each-tab-page/45158)._