# Dashboard top bar Logo clickable?

**URL:** <https://discourse.nodered.org/t/dashboard-top-bar-logo-clickable/50627>\
**Category:** Dashboard\
**Created:** [5 September 2021 08:16 UTC](https://discourse.nodered.org/t/dashboard-top-bar-logo-clickable/50627 "2021-09-05T08:16:53Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![Jean-Luc](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jean-luc/32/89996_2.png) [@Jean-Luc](https://discourse.nodered.org/u/Jean-Luc)\
**Post date:** [5 September 2021 12:02 UTC](https://discourse.nodered.org/t/dashboard-top-bar-logo-clickable/50627/4 "2021-09-05T12:02:56Z")

</div>

This script below that comes from this [conversation](https://discourse.nodered.org/t/access-msg-object-in-dashboard-ui-template/5502/9) allows me to send a payload when the "Home" button is clicked.  
But I have to insert it in each flow, which is less practical but possible indeed  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/7/37f5919804e594f9a3a44e6b82bb8de3ccf73897.png)

```auto
<!DOCTYPE html>
<html>
<script>
    var theScope = scope;
    var abc = 'maison';
    
    var nodes = document.createElement('BUTTON');
    nodes.addEventListener('click', sendPayload);
    nodes.innerHTML = 'Home';
    var titleBar = document.getElementById("nr-dashboard-toolbar");
    titleBar.appendChild(nodes);
    
    function sendPayload(){
        theScope.send({payload:abc});
    }
</script>
</html>

```

---

_[View the full topic](https://discourse.nodered.org/t/dashboard-top-bar-logo-clickable/50627)._
