As subject, I want a transparent background on md-card (ie the group), somehow I am not able to force it, I see body.nr-dashboard-theme md-content md-card getting a background color. Can I set it to transparent somehow using jquery once template/tab is loaded ? I am having a hard time to grasp whic…

Like this? [image] <div id="div-in-template">UI Template node</div> <style> #TEST_group-test_cards{ background-color:#12345600; } #TEST_group-test{ background-color:#12345600; border:none; } </style> <script> function updateContainerStyle (el) { el = el.par…

Perhaps adding this rule in the CSS style ? #chart { background-color:blue; }

This is how the id of card is created [image] #TEST_HOME { background-color: #cccccc00; }

Yes, I tried #Network_Network but it somehow gets overwritten (I think by angular). I cannot get rid of the background color on the right. [Screenshot 2020-04-24 at 20.36.12] The goal [Screenshot 2020-04-24 at 20.40.25]

[image] bakman2: I cannot get rid of the background color on the right. [Screenshot 2020-04-24 at 20.36.12] If you right click that element & copy --> selector then add that in a <style></style> tag with the necessary properties (perhaps adding !important)?

What if you add same rule also to the #Network_Network_cards ?

matching colors may be the solution. In such case you could try: body.nr-dashboard-theme md-content md-card { background-color:#111111; } but need to find how to change the color of the border (widget or group, not sure)

That doesn't make it portable and no challenge :wink: @hotNipi , I have added it everywhere, I cannot get rid of it :') Only in the browser directly (background-color:transparent!important) I also added as jquery to remove it once it is refreshed, loaded, no change.

[image] bakman2: I have added it everywhere, I cannot get rid of it :') That doesn't sound right. Is the flow shareable? Can I try?

See this flow https://flows.nodered.org/flow/4b940430b92142571c670050f4d98f6d Then again, i think you should be able to replicate it with a ui-template node in general. Yes, just add a ui-template node and try to set the background to transparent.

Node-RED

Node-RED Forum

Transparent background on md-card in template node

Dashboard

Andrei 24 April 2020 18:36 4

Considering the specific use case from @bakman2 this solution will not produce what he wants to achieve.

Topic		Replies	Views
Transparent group background template node Dashboard	0	387	5 June 2021
Change the background color of a group Dashboard	9	6356	7 April 2019
UI-Template - cant change background color of? Dashboard	5	4852	12 February 2020
Widget background color transparant v2.0.3 Dashboard	3	1310	26 July 2021
Is it possible to make template node transparant? Dashboard	7	791	6 November 2020

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Transparent background on md-card in template node

Related topics