Static Text in the Dashboard Titlebar?

#1

I thought that there was an input for adding text to the title bar, but I could not find it.

How can I display "My Dashboard" in the titlebar?

Thanks...

#2

You can configure easily in the side panel (Title field)

#3

So, that's what I thought, but it does not show in the title bar at all, just blank.
I am using Chrome browser as well. Is it a bug in the dashboard?

Thanks...

#4

Did you try another browser? i.e. might this be az chrome issue?

#5

What dashboard version you are running ?

#6

Dashboard version 2.11.0
No Title Text in IE either!

#7

not sure if your issue is related to issue #453

I suggest upgrading to the newer version

#8

Updated to 2.13.2, still the same, no title text!

#9

So, we can discard configuration issues as well as some known bug. .... the only thing that comes to my mind is some CSS configuration interfering with your dashboard. Perhaps you have another TAB in your editor with some configuration node that changes CSS configuration (for instance, configuring text color equals to the background color, in which case the text is displayed but you can not see it ) ?

#10

I don't think it is messing with the CSS, but I will double-check.

#11

in html the title is what appears on the tab at the top of the browser
image

(In the case of the dashboard it does also appear at the top of the page - but only if the left menu is set to be shown all the time - otherwise it is the tab name that is shown.
image

#12

I don't want to "Always show side menu" because it takes up too much space.
But, the Tab Name is not shown either. It just shows the hamburger and no text.

#13

Can you show us a screenshot ? And a clip of the dashboard sidebar in the editor showing the layout ? Thanks

#14

Titlebar

Dashboard%20Layout

#15

Any thoughts here with the provided screenshots?

Thanks...

#16

Hi - sorry - no most odd. If you have Tab names set then they should appear as the title on the page
image

And this is with the latest dashboard version 2.13.2 ?
Do you have a small version of your flow you could share that has the problem ?

#17

Sure, here is the screenshot and the flow code after....
Dashboard%20Test

[{"id":"d6a59ea8.52d64","type":"inject","z":"9b294b54.c35ab8","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":true,"onceDelay":0.1,"x":130,"y":1020,"wires":[["125cd27d.b03bae"]]},{"id":"125cd27d.b03bae","type":"ui_text","z":"9b294b54.c35ab8","group":"f4c7c60e.b1a1f8","order":0,"width":0,"height":0,"name":"","label":"Time:","format":"{{msg.payload}}","layout":"row-spread","x":330,"y":1020,"wires":[]},{"id":"f4c7c60e.b1a1f8","type":"ui_group","z":"","name":"Test Group","tab":"7b4a9d66.32ef24","order":1,"disp":true,"width":"6","collapse":false},{"id":"7b4a9d66.32ef24","type":"ui_tab","z":"","name":"Test","icon":"dashboard","order":4,"disabled":false,"hidden":false}]

#18

Unfortunately your flow isn't currently importable.Please read the following post How to share code or flow json and then edit the above message.

#19
[{"id":"dd3d2967.779ca8","type":"ui_text","z":"9b294b54.c35ab8","group":"e6dbde67.9232e","order":0,"width":0,"height":0,"name":"","label":"Time","format":"{{msg.payload}}","layout":"row-spread","x":440,"y":1020,"wires":[]},{"id":"cd29e130.e372d","type":"inject","z":"9b294b54.c35ab8","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":true,"onceDelay":0.1,"x":230,"y":1040,"wires":[["dd3d2967.779ca8"]]},{"id":"e6dbde67.9232e","type":"ui_group","z":"","name":"Test Group","tab":"fab638ec.529258","order":1,"disp":true,"width":"6","collapse":false},{"id":"fab638ec.529258","type":"ui_tab","z":"","name":"Test","icon":"dashboard","order":4,"disabled":false,"hidden":false}]
#20

Perhaps the attached flow can add some relevant information for the troubleshooting ?

Can you check the outcome of running the flow and selecting the colors from the inject nodes ?

[{"id":"75402033.daaa5","type":"tab","label":"CSS variables - change TAB icon color","disabled":false,"info":""},{"id":"2a854306.fdbf7c","type":"ui_template","z":"75402033.daaa5","group":"a875c53c.0a8b98","name":"Change theme color","order":0,"width":0,"height":0,"format":"<style>\nmd-toolbar#toolbar{\n    background-color: var(--main-color);\n}\n\nbody.nr-dashboard-theme md-content {\n    color: var(--main-color);\n}\nbody.nr-dashboard-theme md-sidenav {\n    color: var(--main-color);\n}\n.nr-dashboard-theme .nr-dashboard-button .md-button {\n    background-color: var(--main-color);\n}\n.nr-dashboard-theme .nr-dashboard-template .md-button{\n    background-color: var(--main-color);\n}\n.nr-dashboard-theme .nr-dashboard-template .md-button:disabled {\n    color: grey;\n}\n.nr-dashboard-theme .nr-dashboard-slider .md-thumb:after {\n    background-color: var(--main-color);\n    border-color: var(--main-color);\n}\n.nr-dashboard-theme .nr-dashboard-slider .md-track-fill {\n    background-color: var(--main-color);\n}\n.nr-dashboard-theme .nr-dashboard-template ::-webkit-scrollbar {\n    background-color: #666666;\n}\n.nr-dashboard-theme .nr-dashboard-template ::-webkit-scrollbar-thumb {\n    background-color: var(--main-color);\n}\n</style>\n\n<script>\n(function($scope) {\n    \n$scope.$watch('msg.payload', function() {\n    console.log($scope.msg.payload);\n    var html = document.getElementsByTagName('html')[0];\n    html.style.setProperty(\"--main-color\", $scope.msg.payload);\n});\n})(scope);\n</script>","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":440,"y":160,"wires":[[]]},{"id":"12c8ad7a.b58c33","type":"inject","z":"75402033.daaa5","name":"","topic":"","payload":"red","payloadType":"str","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":230,"y":160,"wires":[["2a854306.fdbf7c"]]},{"id":"7e1fb88d.2675e8","type":"inject","z":"75402033.daaa5","name":"","topic":"","payload":"blue","payloadType":"str","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":230,"y":200,"wires":[["2a854306.fdbf7c"]]},{"id":"65066027.3bf4","type":"inject","z":"75402033.daaa5","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":true,"onceDelay":0.1,"x":250,"y":300,"wires":[["d83b0cc6.6569a"]]},{"id":"d83b0cc6.6569a","type":"ui_text","z":"75402033.daaa5","group":"a875c53c.0a8b98","order":0,"width":0,"height":0,"name":"","label":"Time:","format":"{{msg.payload}}","layout":"row-spread","x":450,"y":300,"wires":[]},{"id":"a875c53c.0a8b98","type":"ui_group","z":"","name":"Test Group","tab":"de23e330.3ce47","order":1,"disp":true,"width":"6","collapse":false},{"id":"de23e330.3ce47","type":"ui_tab","z":"","name":"Test","icon":"dashboard","order":4,"disabled":false,"hidden":false}]