# \[Announce\] Dashboard 2.11.0

**URL:** <https://discourse.nodered.org/t/announce-dashboard-2-11-0/4982>\
**Category:** Dashboard\
**Created:** [17 November 2018 19:59 UTC](https://discourse.nodered.org/t/announce-dashboard-2-11-0/4982 "2018-11-17T19:59:47Z")\
**Posts on this page:** 11\
**Page:** 1

<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:** [17 November 2018 19:59 UTC](https://discourse.nodered.org/t/announce-dashboard-2-11-0/4982/1 "2018-11-17T19:59:47Z")

</div>

Hi,  
released Dashboard v2.11.0 today - just a few small things

**Enhancements**

- Let side menu be locked open via site config tab - Issue #446
- Let audio playback node show status in editor for debug

**Fixes**

- Fix button background CSS so it can be over-ridden - Issue #444

Don't forget to thoroughly flush your browser cache to ensure the changes get through to the browser.

---

<div class="post-metadata">

**Author:** ![Georg25](https://avatars.discourse-cdn.com/v4/letter/g/ed8c4c/32.png) [@Georg25](https://discourse.nodered.org/u/Georg25)\
**Post date:** [20 November 2018 07:57 UTC](https://discourse.nodered.org/t/announce-dashboard-2-11-0/4982/2 "2018-11-20T07:57:20Z")

</div>

since I updated to dashboard v 2.11.0 the override of the widget background color does not work anymore.

Thats my ui\_template node:

`[{"id":"bfd31932.c5d6d8","type":"ui_template","z":"d633b953.e21588","group":"fe7490ad.88b7a","name":"Tür offen","order":0,"width":0,"height":0,"format":"<div design=\"row\" style=\"background-color: yellow;\">\n <p><b><font size=\"7\" color=\"red\"><marquee scrollamount=\"15\" scrolldelay=\"10\" direction=\"left\">Tür offen</marquee></font></b></p></p>\n</div>\n\n\n<style>\n #Ausgänge_Laufschrift,\n #Ausgänge_Laufschrift md-card {\n background : rgba(205,205,205,0);\n color: rgba(205,205,205,0);\n border: rgba(205,205,205,0);\n }\n</style>\n","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":580,"y":120,"wires":[[]]},{"id":"fe7490ad.88b7a","type":"ui_group","z":"","name":"Laufschrift","tab":"ddc3c08a.7faa7","order":10,"disp":false,"width":"29","collapse":false},{"id":"ddc3c08a.7faa7","type":"ui_tab","z":"","name":"Ausgänge","icon":"<i class=\"fa fa-lightbulb-o\" aria-hidden=\"true\"></i>","order":1}]`

and thats the result:

 ![laufschrift](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/2/2713ecde8aae95ddcc64f875e80b7a59b0726c0a.png)

before the update the complete background was yellow 🙈

how can you correct that again?

---

<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:** [20 November 2018 09:24 UTC](https://discourse.nodered.org/t/announce-dashboard-2-11-0/4982/3 "2018-11-20T09:24:59Z")

</div>

You need to apply it to the marquee itself (or both)

```auto
<div design="row" >
 <p><b><font size="7" color="red"><marquee scrollamount="15" scrolldelay="10" direction="left" style="background-color: yellow !important;">Tür offen</marquee></font></b></p></p>
</div>

<style>
 #Ausgänge_Laufschrift,
 #Ausgänge_Laufschrift md-card {
 background : rgba(205,205,205,0);
 color: rgba(205,205,205,0);
 border: rgba(205,205,205,0);
 }
</style>

```

---

<div class="post-metadata">

**Author:** ![Georg25](https://avatars.discourse-cdn.com/v4/letter/g/ed8c4c/32.png) [@Georg25](https://discourse.nodered.org/u/Georg25)\
**Post date:** [20 November 2018 11:50 UTC](https://discourse.nodered.org/t/announce-dashboard-2-11-0/4982/4 "2018-11-20T11:50:04Z")

</div>

ok thanks but it still does not work right.  
There is still a white stripe to see

 ![laufschrift](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/9/9b64864ed7b1e2070b44ab9d3d316769b9ef1def.png)

I used the code from you dceejay

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [20 November 2018 12:40 UTC](https://discourse.nodered.org/t/announce-dashboard-2-11-0/4982/5 "2018-11-20T12:40:22Z")

</div>

@Georg25 did you take the `style="background-color: yellow;"` off the `<div....>` statement?

While trying to reproduce this (which I did) I discovered that in FireFox...the marquee starts in the middle  
 ![08%20AM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/4/469b5ddd7f96f2b030930fd1ce3052b4ddc2af05.png)  
It scrolls out from a position fixed from the left half of the page - i.e. it is not responsive and coming from the middle when you resize the page.

---

<div class="post-metadata">

**Author:** ![Georg25](https://avatars.discourse-cdn.com/v4/letter/g/ed8c4c/32.png) [@Georg25](https://discourse.nodered.org/u/Georg25)\
**Post date:** [20 November 2018 12:44 UTC](https://discourse.nodered.org/t/announce-dashboard-2-11-0/4982/6 "2018-11-20T12:44:41Z")

</div>

Yes i took out the style="background-color: yellow;" of the \<div..\> statement

In Chrome it starts in the right corner.

The only thing that does not work is that the white stripe is still in there

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [20 November 2018 12:46 UTC](https://discourse.nodered.org/t/announce-dashboard-2-11-0/4982/7 "2018-11-20T12:46:36Z")

</div>

Can you post your flow?

---

<div class="post-metadata">

**Author:** ![Georg25](https://avatars.discourse-cdn.com/v4/letter/g/ed8c4c/32.png) [@Georg25](https://discourse.nodered.org/u/Georg25)\
**Post date:** [20 November 2018 12:51 UTC](https://discourse.nodered.org/t/announce-dashboard-2-11-0/4982/8 "2018-11-20T12:51:46Z")

</div>

`[{"id":"bfd31932.c5d6d8","type":"ui_template","z":"d633b953.e21588","group":"fe7490ad.88b7a","name":"Tür offen","order":0,"width":0,"height":0,"format":"<div design=\"row\">\n <p><b><font size=\"7\" color=\"red\"><marquee scrollamount=\"15\" scrolldelay=\"10\" direction=\"left\" style=\"background-color: yellow !important;\">Tür offen</marquee></font></b></p>\n</div>\n\n\n<style>\n #Ausgänge_Laufschrift,\n #Ausgänge_Laufschrift md-card {\n background : rgba(205,205,205,0);\n color: rgba(205,205,205,0);\n border: rgba(205,205,205,0);\n }\n</style>","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":580,"y":120,"wires":[[]]},{"id":"fe7490ad.88b7a","type":"ui_group","z":"","name":"Laufschrift","tab":"ddc3c08a.7faa7","order":10,"disp":false,"width":"28","collapse":false},{"id":"ddc3c08a.7faa7","type":"ui_tab","z":"","name":"Ausgänge","icon":"<i class=\"fa fa-lightbulb-o\" aria-hidden=\"true\"></i>","order":1}]`

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [20 November 2018 12:58 UTC](https://discourse.nodered.org/t/announce-dashboard-2-11-0/4982/9 "2018-11-20T12:58:30Z")

</div>

That works fine for me in Safari and Chrome. Are you sure you flushed your caches?

---

<div class="post-metadata">

**Author:** ![Georg25](https://avatars.discourse-cdn.com/v4/letter/g/ed8c4c/32.png) [@Georg25](https://discourse.nodered.org/u/Georg25)\
**Post date:** [20 November 2018 13:04 UTC](https://discourse.nodered.org/t/announce-dashboard-2-11-0/4982/10 "2018-11-20T13:04:26Z")

</div>

No not sure. How can I flush the caches?

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [20 November 2018 14:04 UTC](https://discourse.nodered.org/t/announce-dashboard-2-11-0/4982/11 "2018-11-20T14:04:53Z")

</div>

> **[LMGTFY](http://lmgtfy.com/?q=how+to+flush+my+browser+cache)**
>
> LMGTFY