# Set a logo in the title bar?

**URL:** <https://discourse.nodered.org/t/set-a-logo-in-the-title-bar/618>\
**Category:** Dashboard\
**Created:** [5 June 2018 14:20 UTC](https://discourse.nodered.org/t/set-a-logo-in-the-title-bar/618 "2018-06-05T14:20:41Z")\
**Posts on this page:** 1\
**Showing post:** 5

<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:** [7 June 2018 18:54 UTC](https://discourse.nodered.org/t/set-a-logo-in-the-title-bar/618/5 "2018-06-07T18:54:23Z")

</div>

Clock code copied over from old mailing list to here

This node (ui\_template) shows the time in the top bar:

```json
[{"id":"91670c03.c29ad","type":"ui_template","z":"96082429.7476f8","group":"951f63e6.78df","name":"Clock Toolbar","order":6,"width":"0","height":"0","format":"<script id=\"titleScript\" type=\"text/javascript\">\n $('#clock').remove();\n var toolbar = $('.md-toolbar-tools');\n var div = $('<div/>');\n var p = $('<p/ id=\"clock\">');\n \n $('#titleScript').parent().hide();\n div.append(p);\n div[0].style.margin = '5px 5px 5px auto';\n toolbar.append(div);\n\n function displayTitle(lh) {\n p.text(lh); \n }\n \n function upTime() {\n var d = new Date();\n p.text(d.toLocaleTimeString('de-AT'));\n }\n\n \n\n // Watch the payload and update the title\n (function(scope) {\n scope.$watch('msg.payload', function(data) {\n displayTitle(data);\n });\n setInterval(upTime,1000);\n })(scope);\n</script>","storeOutMessages":false,"fwdInMessages":false,"templateScope":"local","x":843,"y":167,"wires":[[]]},{"id":"951f63e6.78df","type":"ui_group","z":"","name":"Garage","tab":"83822f15.889e6","order":2,"disp":false,"width":"10"},{"id":"83822f15.889e6","type":"ui_tab","z":"","name":"Garage","icon":"fa-car","order":1}]

```

---

_[View the full topic](https://discourse.nodered.org/t/set-a-logo-in-the-title-bar/618)._