Remove top bar in dashboard

[Roger]

Hi,

In dashboard i want to remove the top bar with the tab button.

This because i would like to use it is a controller.

But i cannot find how...

Been trying to find a html find to edit...

And is it possible to place a logo in the right corner?

[Dave C-J]

currently no to both ... 

- as part of the styling work we will add the ability to hide the top bar completely.

- and then we are also considering what/how best to allow adding of "widgets" to the top bar - eg clock has been suggested, and I guess a logo/gif/png would also make sense - but that would be on the top bar... so if you hid it then you wouldn't see it :-)

[Roger]

logo or text in topbar is perfect, then the need would be to hide the tab button in the left so the dashboard control is fully customizable 

Op dinsdag 17 januari 2017 20:30:27 UTC+1 schreef Dave C-J:

[Dave C-J]

currently the tab will disappear if you only have a single page... - but the bar will remain - (and would do so if you want to show a logo)

Though thinking laterally (before we ship the styling branch) - - if you only have one page - you could name it the words you want - and use a template node to add style to change the font and colours to suit.

[Roger]

I want to use it for an escape room

Then the visitors will go thru different screens when the enter the right code and then go to the next level

So i need the pages, only need to prevent that they can skip pages by using the tab button :-)

Op dinsdag 17 januari 2017 20:39:38 UTC+1 schreef Dave C-J:

[Dave C-J]

well you could probably apply a style via template nodes to hide it now.

[Cor Bosman]

I hide mine as well. You can use this template or something similar.

[{"id":"da66b71c.4f53e8","type":"ui_template","z":"6e3cf909.304ce8","group":"ef858699.21fdb8","name":"","order":0,"width":0,"height":0,"format":"<style>\n    md-toolbar {\n        display: none;\n    }\n</style>","storeOutMessages":true,"fwdInMessages":true,"x":170.5,"y":464,"wires":[[]]},{"id":"ef858699.21fdb8","type":"ui_group","z":"","name":"Temp","tab":"a92c5d74.e98a1","order":1,"disp":false,"width":"10"},{"id":"a92c5d74.e98a1","type":"ui_tab","z":"","name":"Home","icon":"dashboard"}]

[Roger]

That does the job Cor!

It only cuts of the first line of text of the node below

No problem, maybe a bug??

[{"id":"49deb7ed.163dd8","type":"ui_text","z":"24032991.85bb76","group":"cd99dc87.818b38","order":1,"width":"6","height":"1","name":"","label":"Enter your code","format":"{{msg.payload}}","layout":"col-center","x":572,"y":329,"wires":[]},{"id":"cd99dc87.818b38","type":"ui_group","z":"","name":"key","tab":"6cbc7ab6.217bfc","disp":false,"width":"6"},{"id":"6cbc7ab6.217bfc","type":"ui_tab","z":"","name":"1","icon":"dashboard","order":1}]

[Cor Bosman]

You'll just have to play around with some css. I dont see that issue, but could be because I use different dashboard nodes. 

You could try adding something like this to the style in the template:

md-content {

  margin-top: 20px;

}