# Flexdash - transparent widget background

**URL:** <https://discourse.nodered.org/t/flexdash-transparent-widget-background/77929>\
**Category:** General\
**Tags:** flexdash\
**Created:** [25 April 2023 19:05 UTC](https://discourse.nodered.org/t/flexdash-transparent-widget-background/77929 "2023-04-25T19:05:00Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [25 April 2023 19:05 UTC](https://discourse.nodered.org/t/flexdash-transparent-widget-background/77929/1 "2023-04-25T19:05:00Z")

</div>

Is it possible to make the background transparent for selected widgets?

So something like this could be built.

Grafana

 ![grafana](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/0/90da20838b6f3e5fa1889b09fe2aeee33bfea6df.jpeg)

Flexdash  
 ![flex](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/2/c2e229ab22c325e9085289a63c202530e64115dc.jpeg)

---

<div class="post-metadata">

**Author:** ![tve](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/tve/32/59475_2.png) [@tve](https://discourse.nodered.org/u/tve)\
**Post date:** [26 April 2023 15:14 UTC](https://discourse.nodered.org/t/flexdash-transparent-widget-background/77929/2 "2023-04-26T15:14:40Z")

</div>

Currently the only approximation you can make is to put the widgets into a Panel and set the panel to "solid", which will remove the gaps between the individual widgets. But the panel itself will still have the lighter background. You could alter the theme to remove the lighter shading, but that would affect all widgets, not a select subset. How/where would you expect to configure something like this?

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [26 April 2023 19:12 UTC](https://discourse.nodered.org/t/flexdash-transparent-widget-background/77929/3 "2023-04-26T19:12:19Z")

</div>

> [@tve](#):
>
> How/where would you expect to configure something like this?

In Grafana, it's simply a switch in the panel's props (a grafana **panel** is the equiv of a flexdash **widget** )

![trans](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/2/f2d624518f61d43efdeb9a31259db402f88017e4.jpeg)

But of course, that may not be the best solution for flexdash.

Maybe users could change transparency by passing in something like `msg.transparent = true`, to run alongside `msg.fill_color = "#ececec"`, `msg.text_color = "#ff3333"`, etc.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [25 June 2023 19:13 UTC](https://discourse.nodered.org/t/flexdash-transparent-widget-background/77929/4 "2023-06-25T19:13:02Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.