# Margin between two widgets inside a group

**URL:** https://discourse.nodered.org/t/margin-between-two-widgets-inside-a-group/51760
**Category:** Dashboard
**Tags:** node-red-dashboard
**Created:** [1 October 2021 16:40 UTC](https://discourse.nodered.org/t/margin-between-two-widgets-inside-a-group/51760 "2021-10-01T16:40:57Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![wolke](https://avatars.discourse-cdn.com/v4/letter/w/ac91a4/32.png) [@wolke](https://discourse.nodered.org/u/wolke)
#### Post date: [1 October 2021 16:40 UTC](https://discourse.nodered.org/t/margin-between-two-widgets-inside-a-group/51760/1 "2021-10-01T16:40:57Z")

</div>

Hi,

I would like to reduce the vertical margin between two widgets inside a group.  
I would like to solve it with some "template.node" and "margin-top" property for example.  
But i don't know how to script the template-node.

Thanks in advance!

 ![grafik](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/7/f7c585cc83534b4df6a8a756781367175d14b55f.png)  
 ![grafik](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/0/2092dc737074278a248fe895ea55ad02a70b7e03.png)

---

<div class="post-metadata">

### Author: ![Gunner](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gunner/32/43582_2.png) [@Gunner](https://discourse.nodered.org/u/Gunner)
#### Post date: [1 October 2021 17:11 UTC](https://discourse.nodered.org/t/margin-between-two-widgets-inside-a-group/51760/2 "2021-10-01T17:11:38Z")

</div>

> [@wolke](#):
>
> I would like to reduce the vertical margin between two widgets inside a group.

Some of that space is part of the actual widget, so not sure how you could reduce that further without actually editing the widget itself (and don't ask me how 😛 )

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/7/67082b969b8b7968c8ff7514ee1c09a5cf52b1e2.png)

However, you can make some adjustments to any padding/spacing across the dashboard...

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/1/11909bfa1cd64b212158411297a0e4659fbcd18a.png)

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [1 October 2021 17:48 UTC](https://discourse.nodered.org/t/margin-between-two-widgets-inside-a-group/51760/3 "2021-10-01T17:48:14Z")

</div>

Correct answer is - you can't. Regular gauge uses available space as the space is defined by rectangles x by x - all that space is reserved for that widget. How the widget uses reserved space is up to widget and as the regular gauge needs to be able to provide 4 different layouts including full circle - there is not much to change.

---

<div class="post-metadata">

### Author: ![wolke](https://avatars.discourse-cdn.com/v4/letter/w/ac91a4/32.png) [@wolke](https://discourse.nodered.org/u/wolke)
#### Post date: [2 October 2021 05:03 UTC](https://discourse.nodered.org/t/margin-between-two-widgets-inside-a-group/51760/4 "2021-10-02T05:03:49Z")

</div>

Thanks for the detailed explanation. I was hoping it would be possible to force overlapping of the two widgets by using a negative margin for the donut-widget. But if that is not possible, than it is so.

Again thank you. 🙂

---

<div class="post-metadata">

### Author: ![Gunner](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gunner/32/43582_2.png) [@Gunner](https://discourse.nodered.org/u/Gunner)
#### Post date: [2 October 2021 06:47 UTC](https://discourse.nodered.org/t/margin-between-two-widgets-inside-a-group/51760/5 "2021-10-02T06:47:22Z")

</div>

> [@wolke](#):
>
> I was hoping it would be possible to force overlapping of the two widgets

It happens by accident... but not something that I think we can control.

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/4/54bf90d3ddf01c4deb6fe01c9734bd6bbd693f19.png)

---

<div class="post-metadata">

### Author: ![wolke](https://avatars.discourse-cdn.com/v4/letter/w/ac91a4/32.png) [@wolke](https://discourse.nodered.org/u/wolke)
#### Post date: [4 October 2021 03:53 UTC](https://discourse.nodered.org/t/margin-between-two-widgets-inside-a-group/51760/6 "2021-10-04T03:53:44Z")

</div>

Thanks for the help, in the end i changed the design a little bit.

Now the layout looks like this, more clean than with the donut for the shut off timer:

 ![grafik](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/4/44baf7f279ac1cc18674f5626d64079b52e79444.png)

For anyone who wants the source code, here:

```auto
[{"id":"2df2987b.4d9058","type":"tab","label":"Strom","disabled":false,"info":""},{"id":"20b3caed.10f5a6","type":"mqtt in","z":"2df2987b.4d9058","name":"Tasmota - Sensoren Infos","topic":"tasmota/tele/SENSOR","qos":"2","datatype":"json","broker":"45313de8.078d8c","nl":false,"rap":true,"rh":0,"x":160,"y":200,"wires":[["7f5e487f.914408","6cbcb097.04c86"]]},{"id":"7f5e487f.914408","type":"switch","z":"2df2987b.4d9058","name":"Button PC - 1x click","property":"payload.ZbReceived[\"Button-PC\"].MultiInValue","propertyType":"msg","rules":[{"t":"eq","v":"1","vt":"str"}],"checkall":"true","repair":false,"outputs":1,"x":640,"y":180,"wires":[["51cea7a3.09df8"]]},{"id":"6cbcb097.04c86","type":"switch","z":"2df2987b.4d9058","name":"Button PC - keep pressed","property":"payload.ZbReceived[\"Button-PC\"].MultiInValue","propertyType":"msg","rules":[{"t":"eq","v":"0","vt":"str"}],"checkall":"true","repair":false,"outputs":1,"x":650,"y":240,"wires":[["5202486e.f1fd08"]]},{"id":"e3c9d451.bcce3","type":"mqtt out","z":"2df2987b.4d9058","name":"Steckdose PC - Befehle senden","topic":"shellies/shellyplug-PC/relay/0/command","qos":"2","retain":"false","respTopic":"","contentType":"","userProps":"","correl":"","expiry":"","broker":"45313de8.078d8c","x":1970,"y":180,"wires":[]},{"id":"51cea7a3.09df8","type":"change","z":"2df2987b.4d9058","name":"switch on","rules":[{"t":"set","p":"payload","pt":"msg","to":"on","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":940,"y":180,"wires":[["e3c9d451.bcce3","1a41c60d.bc5c3a"]]},{"id":"4e2ff937.87a838","type":"mqtt in","z":"2df2987b.4d9058","name":"Steckdose PC - Power Consumption","topic":"shellies/shellyplug-PC/relay/0/power","qos":"2","datatype":"json","broker":"45313de8.078d8c","nl":false,"rap":true,"rh":0,"x":170,"y":440,"wires":[["9d8ec2c8.853c08","9871a8b.12b6ed8","60146cb1.6671a4","13910136.3749ff"]]},{"id":"5202486e.f1fd08","type":"change","z":"2df2987b.4d9058","name":"switch off","rules":[{"t":"set","p":"payload","pt":"msg","to":"off","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":940,"y":240,"wires":[["e3c9d451.bcce3","1a41c60d.bc5c3a"]]},{"id":"10d8c710.a1c049","type":"mqtt in","z":"2df2987b.4d9058","name":"Steckdose Kino - Power Consumption","topic":"shellies/shellyplug-Kino/relay/0/power","qos":"2","datatype":"json","broker":"45313de8.078d8c","nl":false,"rap":true,"rh":0,"x":190,"y":760,"wires":[["ce306.6d9914fa8","2d838456.fb12bc","9348dff6.a5325","c2407ca1.e82b48"]]},{"id":"1a41c60d.bc5c3a","type":"mqtt out","z":"2df2987b.4d9058","name":"Steckdose Kino - Befehle senden","topic":"shellies/shellyplug-Kino/relay/0/command","qos":"2","retain":"false","respTopic":"","contentType":"","userProps":"","correl":"","expiry":"","broker":"45313de8.078d8c","x":1970,"y":240,"wires":[]},{"id":"adb72234.193a58","type":"comment","z":"2df2987b.4d9058","name":"STECKDOSEN STEUERN BEAMERZIMMER & KINO","info":"","x":820,"y":80,"wires":[]},{"id":"467773ed.35f31c","type":"comment","z":"2df2987b.4d9058","name":"Button PC auswerten","info":"","x":770,"y":120,"wires":[]},{"id":"df4972df.90477","type":"comment","z":"2df2987b.4d9058","name":"Steckdosen ein/ausschalten","info":"","x":1970,"y":120,"wires":[]},{"id":"70ce545a.d57644","type":"comment","z":"2df2987b.4d9058","name":"Steckdose PC - Stromverbrauch überwachen - ausschaulten bei Unterschreitung Grenzwert","info":"","x":800,"y":300,"wires":[]},{"id":"d0ae646a.54dbd8","type":"comment","z":"2df2987b.4d9058","name":"Steckdose PC - Stromverbrauch überwachen - ausschaulten bei Unterschreitung Grenzwert","info":"","x":800,"y":660,"wires":[]},{"id":"99c61ccf.082f6","type":"comment","z":"2df2987b.4d9058","name":"Stromanzeige Dashboard","info":"","x":500,"y":500,"wires":[]},{"id":"31e67de9.5e523a","type":"comment","z":"2df2987b.4d9058","name":"Stromanzeige Dashboard","info":"","x":540,"y":820,"wires":[]},{"id":"6e7914b3.b4a074","type":"mytimeout","z":"2df2987b.4d9058","name":"30 Minuten Timer","outtopic":"","outsafe":"","outwarning":"off","outunsafe":"0","warning":"1","timer":"1800","debug":false,"ndebug":false,"ignoreCase":false,"repeat":false,"again":false,"x":1230,"y":760,"wires":[["e9c73bcf.5df84"],["df8d7aac.d14808"]]},{"id":"891ba5ca.96e7a","type":"trigger","z":"2df2987b.4d9058","name":"","op1":"1","op2":"0","op1type":"num","op2type":"str","duration":"0","extend":false,"overrideDelay":false,"units":"s","reset":"false","bytopic":"all","topic":"payload","outputs":1,"x":950,"y":740,"wires":[["6e7914b3.b4a074"]]},{"id":"917c6ae5.277ce","type":"switch","z":"2df2987b.4d9058","name":"switch","property":"payload","propertyType":"msg","rules":[{"t":"false"}],"checkall":"true","repair":false,"outputs":1,"x":830,"y":820,"wires":[["78fc92c2.5c1c94"]]},{"id":"78fc92c2.5c1c94","type":"change","z":"2df2987b.4d9058","name":"reset timer","rules":[{"t":"set","p":"payload","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":1010,"y":820,"wires":[["6e7914b3.b4a074"]]},{"id":"e9c73bcf.5df84","type":"switch","z":"2df2987b.4d9058","name":"timer finished","property":"payload","propertyType":"msg","rules":[{"t":"eq","v":"off","vt":"str"}],"checkall":"true","repair":false,"outputs":1,"x":1460,"y":760,"wires":[["a116470f.2e85e8"]]},{"id":"a116470f.2e85e8","type":"change","z":"2df2987b.4d9058","name":"switch off","rules":[{"t":"set","p":"payload","pt":"msg","to":"off","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1700,"y":760,"wires":[["1a41c60d.bc5c3a"]]},{"id":"ce306.6d9914fa8","type":"function","z":"2df2987b.4d9058","name":"Überwachung Stromverbrauch Grenzwert","func":"var current = msg.payload;\n\nif (current > 0.1 && current <= 10.0) {\n msg.payload = true;\n} \nelse\n{\n msg.payload = false;\n}\n\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","libs":[],"x":540,"y":760,"wires":[["891ba5ca.96e7a","917c6ae5.277ce"]]},{"id":"a7449447.6d89c","type":"comment","z":"2df2987b.4d9058","name":"Strom zwischen 0.1 und 10 Watt, dann ausschalten, ansonsten reset","info":"","x":550,"y":700,"wires":[]},{"id":"e1f774ca.47c7a","type":"mytimeout","z":"2df2987b.4d9058","name":"30 Minuten Timer","outtopic":"","outsafe":"","outwarning":"off","outunsafe":"0","warning":"1","timer":"1800","debug":false,"ndebug":false,"ignoreCase":false,"repeat":false,"again":false,"x":1230,"y":420,"wires":[["506b53c7.fca824"],["31cc53db.d49bfc"]]},{"id":"62be9cc7.eb58ec","type":"trigger","z":"2df2987b.4d9058","name":"","op1":"1","op2":"0","op1type":"num","op2type":"str","duration":"0","extend":false,"overrideDelay":false,"units":"s","reset":"false","bytopic":"all","topic":"payload","outputs":1,"x":940,"y":400,"wires":[["e1f774ca.47c7a"]]},{"id":"e3e47120.e77ad","type":"switch","z":"2df2987b.4d9058","name":"","property":"payload","propertyType":"msg","rules":[{"t":"false"}],"checkall":"true","repair":false,"outputs":1,"x":850,"y":480,"wires":[["e3fef47e.d2d36"]]},{"id":"e3fef47e.d2d36","type":"change","z":"2df2987b.4d9058","name":"reset timer","rules":[{"t":"set","p":"payload","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":1010,"y":480,"wires":[["e1f774ca.47c7a"]]},{"id":"506b53c7.fca824","type":"switch","z":"2df2987b.4d9058","name":"timer finished","property":"payload","propertyType":"msg","rules":[{"t":"eq","v":"off","vt":"str"}],"checkall":"true","repair":false,"outputs":1,"x":1460,"y":420,"wires":[["913aba49.c84fb8"]]},{"id":"913aba49.c84fb8","type":"change","z":"2df2987b.4d9058","name":"switch off","rules":[{"t":"set","p":"payload","pt":"msg","to":"off","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1620,"y":420,"wires":[["e3c9d451.bcce3"]]},{"id":"9d8ec2c8.853c08","type":"function","z":"2df2987b.4d9058","name":"Überwachung Stromverbrauch Grenzwert","func":"var current = msg.payload;\n\nif (current > 0.1 && current <= 10.0) {\n msg.payload = true;\n} \nelse\n{\n msg.payload = false;\n}\n\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","libs":[],"x":540,"y":420,"wires":[["62be9cc7.eb58ec","e3e47120.e77ad"]]},{"id":"2589aeb2.78806a","type":"comment","z":"2df2987b.4d9058","name":"Strom zwischen 0.1 und 10 Watt, dann ausschalten, ansonsten reset","info":"","x":550,"y":360,"wires":[]},{"id":"99f71fb4.4b81f","type":"comment","z":"2df2987b.4d9058","name":"start timer","info":"","x":940,"y":700,"wires":[]},{"id":"3159d0c6.373518","type":"comment","z":"2df2987b.4d9058","name":"start timer","info":"","x":940,"y":360,"wires":[]},{"id":"892d2437.b6e768","type":"comment","z":"2df2987b.4d9058","name":"reset timer","info":"","x":940,"y":440,"wires":[]},{"id":"bc6168e3.06aab8","type":"comment","z":"2df2987b.4d9058","name":"reset timer","info":"","x":940,"y":780,"wires":[]},{"id":"6d8e88ee.8a1f28","type":"inject","z":"2df2987b.4d9058","name":"automatic reset for triggers at midnight","props":[{"p":"payload"}],"repeat":"","crontab":"00 00 * * *","once":false,"onceDelay":0.1,"topic":"","payload":"false","payloadType":"bool","x":220,"y":40,"wires":[["62be9cc7.eb58ec","891ba5ca.96e7a","853fc229.78bc2","e3e47120.e77ad","917c6ae5.277ce","a92cf60b.04aaa8"]]},{"id":"53267442.4f947c","type":"mqtt in","z":"2df2987b.4d9058","name":"Tasmota - Sensoren Infos","topic":"tasmota/tele/SENSOR","qos":"2","datatype":"json","broker":"45313de8.078d8c","nl":false,"rap":true,"rh":0,"x":170,"y":1180,"wires":[["48d7118c.2b6598","930dcf41.6d93c8"]]},{"id":"48d7118c.2b6598","type":"switch","z":"2df2987b.4d9058","name":"Button Wohnzimmer - 1x click","property":"payload.ZbReceived[\"Button-Wohnzimmer\"].MultiInValue","propertyType":"msg","rules":[{"t":"eq","v":"1","vt":"str"}],"checkall":"true","repair":false,"outputs":1,"x":680,"y":1160,"wires":[["cb4f4218.f72e48"]]},{"id":"930dcf41.6d93c8","type":"switch","z":"2df2987b.4d9058","name":"Button Wohnzimmer - keep pressed","property":"payload.ZbReceived[\"Button-Wohnzimmer\"].MultiInValue","propertyType":"msg","rules":[{"t":"eq","v":"0","vt":"str"}],"checkall":"true","repair":false,"outputs":1,"x":690,"y":1220,"wires":[["5905b0e6.12df58"]]},{"id":"fc347e63.c5c2f8","type":"mqtt out","z":"2df2987b.4d9058","name":"Steckdose Wohnzimmer - Befehle senden","topic":"shellies/shellyplug-Wohnzimmer/relay/0/command","qos":"2","retain":"false","respTopic":"","contentType":"","userProps":"","correl":"","expiry":"","broker":"45313de8.078d8c","x":2010,"y":1160,"wires":[]},{"id":"cb4f4218.f72e48","type":"change","z":"2df2987b.4d9058","name":"switch on","rules":[{"t":"set","p":"payload","pt":"msg","to":"on","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":950,"y":1160,"wires":[["fc347e63.c5c2f8"]]},{"id":"ff4a76e1.d9e368","type":"mqtt in","z":"2df2987b.4d9058","name":"Steckdose Wohnzimmer - Power Consumption","topic":"shellies/shellyplug-Wohnzimmer/relay/0/power","qos":"2","datatype":"json","broker":"45313de8.078d8c","nl":false,"rap":true,"rh":0,"x":200,"y":1400,"wires":[["968ae4c2.63adf","b2ef3e27.196048","2efb1dcc.7808ca","976a3c6a.122518"]]},{"id":"5905b0e6.12df58","type":"change","z":"2df2987b.4d9058","name":"switch off","rules":[{"t":"set","p":"payload","pt":"msg","to":"off","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":950,"y":1220,"wires":[["fc347e63.c5c2f8"]]},{"id":"c06b4210.9d51f8","type":"comment","z":"2df2987b.4d9058","name":"STECKDOSEN STEUERN WOHNZIMMER","info":"","x":890,"y":1060,"wires":[]},{"id":"6092b542.e8bd44","type":"comment","z":"2df2987b.4d9058","name":"Button Wohnzimmer auswerten","info":"","x":810,"y":1100,"wires":[]},{"id":"da1dfb27.08a348","type":"comment","z":"2df2987b.4d9058","name":"Steckdosen ein/ausschalten","info":"","x":1980,"y":1100,"wires":[]},{"id":"d618963c.25711","type":"comment","z":"2df2987b.4d9058","name":"Steckdose PC - Stromverbrauch überwachen - ausschaulten bei Unterschreitung Grenzwert","info":"","x":810,"y":1280,"wires":[]},{"id":"9fd6d982.3c8478","type":"comment","z":"2df2987b.4d9058","name":"Stromanzeige Dashboard","info":"","x":510,"y":1480,"wires":[]},{"id":"5d8e5506.86098c","type":"mytimeout","z":"2df2987b.4d9058","name":"30 Minuten Timer","outtopic":"","outsafe":"","outwarning":"off","outunsafe":"0","warning":"1","timer":"1800","debug":false,"ndebug":false,"ignoreCase":false,"repeat":false,"again":false,"x":1240,"y":1400,"wires":[["bd954bbf.d1836"],["7cc21b3c.6d274c"]]},{"id":"853fc229.78bc2","type":"trigger","z":"2df2987b.4d9058","name":"","op1":"1","op2":"0","op1type":"num","op2type":"str","duration":"0","extend":false,"overrideDelay":false,"units":"s","reset":"false","bytopic":"all","topic":"payload","outputs":1,"x":950,"y":1380,"wires":[["5d8e5506.86098c"]]},{"id":"a92cf60b.04aaa8","type":"switch","z":"2df2987b.4d9058","name":"","property":"payload","propertyType":"msg","rules":[{"t":"false"},{"t":"eq","v":"on","vt":"str"}],"checkall":"true","repair":false,"outputs":2,"x":860,"y":1460,"wires":[["7e875c19.5c2ef4"],["7e875c19.5c2ef4"]]},{"id":"7e875c19.5c2ef4","type":"change","z":"2df2987b.4d9058","name":"reset timer","rules":[{"t":"set","p":"payload","pt":"msg","to":"0","tot":"num"}],"action":"","property":"","from":"","to":"","reg":false,"x":1020,"y":1460,"wires":[["5d8e5506.86098c"]]},{"id":"bd954bbf.d1836","type":"switch","z":"2df2987b.4d9058","name":"timer finished","property":"payload","propertyType":"msg","rules":[{"t":"eq","v":"off","vt":"str"}],"checkall":"true","repair":false,"outputs":1,"x":1470,"y":1400,"wires":[["31ce2f1c.a33ab"]]},{"id":"31ce2f1c.a33ab","type":"change","z":"2df2987b.4d9058","name":"switch off","rules":[{"t":"set","p":"payload","pt":"msg","to":"off","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1630,"y":1400,"wires":[["fc347e63.c5c2f8"]]},{"id":"968ae4c2.63adf","type":"function","z":"2df2987b.4d9058","name":"Überwachung Stromverbrauch Grenzwert","func":"var current = msg.payload;\n\nif (current > 0.1 && current <= 10.0) {\n msg.payload = true;\n} \nelse\n{\n msg.payload = false;\n}\n\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","libs":[],"x":600,"y":1400,"wires":[["853fc229.78bc2","a92cf60b.04aaa8"]]},{"id":"7259609b.696988","type":"comment","z":"2df2987b.4d9058","name":"Strom zwischen 0.1 und 10 Watt, dann ausschalten, ansonsten reset","info":"","x":560,"y":1340,"wires":[]},{"id":"badcab3b.7c289","type":"comment","z":"2df2987b.4d9058","name":"start timer","info":"","x":950,"y":1340,"wires":[]},{"id":"ce43e628.aa0168","type":"comment","z":"2df2987b.4d9058","name":"reset timer","info":"","x":950,"y":1420,"wires":[]},{"id":"236ebe93.b6b66a","type":"ui_button","z":"2df2987b.4d9058","name":"","group":"147ae808.a499a","order":6,"width":"3","height":"1","passthru":false,"label":"ON","tooltip":"","color":"","bgcolor":"{{BackgroundOnButton}}","className":"","icon":"","payload":"on","payloadType":"str","topic":"topic","topicType":"msg","x":1550,"y":920,"wires":[["1a41c60d.bc5c3a","917c6ae5.277ce","3a450289.161fa6"]]},{"id":"2d838456.fb12bc","type":"switch","z":"2df2987b.4d9058","name":"ist ein","property":"payload","propertyType":"msg","rules":[{"t":"eq","v":"0","vt":"num"}],"checkall":"true","repair":false,"outputs":1,"x":1190,"y":920,"wires":[["71ed86e6.249788"]]},{"id":"6e80062e.2e6f4","type":"change","z":"2df2987b.4d9058","name":"set background","rules":[{"t":"set","p":"BackgroundOnButton","pt":"msg","to":"gray","tot":"str"},{"t":"set","p":"BackgroundOffButton","pt":"msg","to":"#ED5360","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1360,"y":980,"wires":[["b7ed7947.ffb9","236ebe93.b6b66a"]]},{"id":"9348dff6.a5325","type":"switch","z":"2df2987b.4d9058","name":"ist aus","property":"payload","propertyType":"msg","rules":[{"t":"neq","v":"0","vt":"num"}],"checkall":"true","repair":false,"outputs":1,"x":1200,"y":980,"wires":[["6e80062e.2e6f4"]]},{"id":"9bc74d6e.f609d","type":"comment","z":"2df2987b.4d9058","name":"change button colour","info":"","x":1270,"y":500,"wires":[]},{"id":"b7ed7947.ffb9","type":"ui_button","z":"2df2987b.4d9058","name":"","group":"147ae808.a499a","order":7,"width":"3","height":"1","passthru":false,"label":"OFF","tooltip":"","color":"","bgcolor":"{{BackgroundOffButton}}","className":"","icon":"","payload":"off","payloadType":"str","topic":"topic","topicType":"msg","x":1550,"y":980,"wires":[["1a41c60d.bc5c3a"]]},{"id":"71ed86e6.249788","type":"change","z":"2df2987b.4d9058","name":"set background","rules":[{"t":"set","p":"BackgroundOnButton","pt":"msg","to":"#0B8F95","tot":"str"},{"t":"set","p":"BackgroundOffButton","pt":"msg","to":"gray","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1360,"y":920,"wires":[["236ebe93.b6b66a","b7ed7947.ffb9"]]},{"id":"ae1e8f92.7d6708","type":"ui_button","z":"2df2987b.4d9058","name":"","group":"147ae808.a499a","order":2,"width":"3","height":"1","passthru":false,"label":"ON","tooltip":"","color":"","bgcolor":"{{BackgroundOnButton}}","className":"","icon":"","payload":"on","payloadType":"str","topic":"topic","topicType":"msg","x":1570,"y":540,"wires":[["e3c9d451.bcce3","e3e47120.e77ad","eb03c14d.9b9bf"]]},{"id":"9871a8b.12b6ed8","type":"switch","z":"2df2987b.4d9058","name":"ist ein","property":"payload","propertyType":"msg","rules":[{"t":"eq","v":"0","vt":"num"}],"checkall":"true","repair":false,"outputs":1,"x":1210,"y":540,"wires":[["9305a91e.721148"]]},{"id":"2f9cbc48.bd3acc","type":"change","z":"2df2987b.4d9058","name":"set background","rules":[{"t":"set","p":"BackgroundOnButton","pt":"msg","to":"gray","tot":"str"},{"t":"set","p":"BackgroundOffButton","pt":"msg","to":"#ED5360","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1380,"y":600,"wires":[["4ce89092.01f29","ae1e8f92.7d6708"]]},{"id":"60146cb1.6671a4","type":"switch","z":"2df2987b.4d9058","name":"ist aus","property":"payload","propertyType":"msg","rules":[{"t":"neq","v":"0","vt":"num"}],"checkall":"true","repair":false,"outputs":1,"x":1220,"y":600,"wires":[["2f9cbc48.bd3acc"]]},{"id":"4ce89092.01f29","type":"ui_button","z":"2df2987b.4d9058","name":"","group":"147ae808.a499a","order":3,"width":"3","height":"1","passthru":false,"label":"OFF","tooltip":"","color":"","bgcolor":"{{BackgroundOffButton}}","className":"","icon":"","payload":"off","payloadType":"str","topic":"topic","topicType":"msg","x":1570,"y":600,"wires":[["e3c9d451.bcce3"]]},{"id":"9305a91e.721148","type":"change","z":"2df2987b.4d9058","name":"set background","rules":[{"t":"set","p":"BackgroundOnButton","pt":"msg","to":"#0B8F95","tot":"str"},{"t":"set","p":"BackgroundOffButton","pt":"msg","to":"gray","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1380,"y":540,"wires":[["ae1e8f92.7d6708","4ce89092.01f29"]]},{"id":"85485cc2.87a548","type":"ui_button","z":"2df2987b.4d9058","name":"","group":"811b704e.0a63d8","order":3,"width":"3","height":"1","passthru":false,"label":"ON","tooltip":"","color":"","bgcolor":"{{BackgroundOnButton}}","className":"","icon":"","payload":"on","payloadType":"str","topic":"topic","topicType":"msg","x":1570,"y":1560,"wires":[["fc347e63.c5c2f8","8185508d.088f8"]]},{"id":"b2ef3e27.196048","type":"switch","z":"2df2987b.4d9058","name":"ist ein","property":"payload","propertyType":"msg","rules":[{"t":"eq","v":"0","vt":"num"}],"checkall":"true","repair":false,"outputs":1,"x":1210,"y":1560,"wires":[["203ede00.33019a"]]},{"id":"cbf9d12e.998d8","type":"change","z":"2df2987b.4d9058","name":"set background","rules":[{"t":"set","p":"BackgroundOnButton","pt":"msg","to":"gray","tot":"str"},{"t":"set","p":"BackgroundOffButton","pt":"msg","to":"#ED5360","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1380,"y":1620,"wires":[["2d2081f4.da5316","85485cc2.87a548"]]},{"id":"2efb1dcc.7808ca","type":"switch","z":"2df2987b.4d9058","name":"ist aus","property":"payload","propertyType":"msg","rules":[{"t":"neq","v":"0","vt":"num"}],"checkall":"true","repair":false,"outputs":1,"x":1220,"y":1620,"wires":[["cbf9d12e.998d8"]]},{"id":"2d2081f4.da5316","type":"ui_button","z":"2df2987b.4d9058","name":"","group":"811b704e.0a63d8","order":4,"width":"3","height":"1","passthru":false,"label":"OFF","tooltip":"","color":"","bgcolor":"{{BackgroundOffButton}}","className":"","icon":"","payload":"off","payloadType":"str","topic":"topic","topicType":"msg","x":1570,"y":1620,"wires":[["fc347e63.c5c2f8"]]},{"id":"203ede00.33019a","type":"change","z":"2df2987b.4d9058","name":"set background","rules":[{"t":"set","p":"BackgroundOnButton","pt":"msg","to":"#0B8F95","tot":"str"},{"t":"set","p":"BackgroundOffButton","pt":"msg","to":"gray","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":1380,"y":1560,"wires":[["85485cc2.87a548","2d2081f4.da5316"]]},{"id":"4624d733.bf7de8","type":"comment","z":"2df2987b.4d9058","name":"Buttons zum schalten Steckdose ","info":"","x":1570,"y":1520,"wires":[]},{"id":"cf67b7cc.10ce3","type":"comment","z":"2df2987b.4d9058","name":"Buttons zum schalten Steckdose ","info":"","x":1550,"y":880,"wires":[]},{"id":"709f3df5.97acac","type":"comment","z":"2df2987b.4d9058","name":"Buttons zum schalten Steckdose ","info":"","x":1530,"y":500,"wires":[]},{"id":"1315adb3.c5126a","type":"comment","z":"2df2987b.4d9058","name":"change button colour","info":"","x":1290,"y":880,"wires":[]},{"id":"bb75c83e.899338","type":"comment","z":"2df2987b.4d9058","name":"change button colour","info":"","x":1310,"y":1520,"wires":[]},{"id":"c2407ca1.e82b48","type":"ui_gauge","z":"2df2987b.4d9058","name":"","group":"147ae808.a499a","order":5,"width":0,"height":0,"gtype":"gage","title":"Steckdose Kino","label":"Watt","format":"{{value}}","min":0,"max":"300","colors":["#ca3838","#e6e600","#00b500"],"seg1":"10","seg2":"50","className":"","x":480,"y":880,"wires":[]},{"id":"13910136.3749ff","type":"ui_gauge","z":"2df2987b.4d9058","name":"","group":"147ae808.a499a","order":1,"width":0,"height":0,"gtype":"gage","title":"Steckdose PC","label":"Watt","format":"{{value}}","min":0,"max":"300","colors":["#ca3838","#e6e600","#00b500"],"seg1":"10","seg2":"50","className":"","x":460,"y":540,"wires":[]},{"id":"976a3c6a.122518","type":"ui_gauge","z":"2df2987b.4d9058","name":"","group":"811b704e.0a63d8","order":1,"width":0,"height":0,"gtype":"gage","title":"Steckdose Fernseher & Co","label":"Watt","format":"{{value}}","min":0,"max":"300","colors":["#ca3838","#e6e600","#00b500"],"seg1":"10","seg2":"50","className":"","x":520,"y":1520,"wires":[]},{"id":"7cc21b3c.6d274c","type":"ui_artlessgauge","z":"2df2987b.4d9058","group":"811b704e.0a63d8","order":5,"width":0,"height":0,"name":"switch off timer","icon":"","label":"switch off timer","unit":"s","layout":"linear","decimals":0,"differential":false,"minmax":false,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":true,"animate":true,"sectors":[{"val":0,"col":"#ca3838","t":"min","dot":0},{"val":600,"col":"#e6e600","t":"sec","dot":0},{"val":1200,"col":"#00b500","t":"sec","dot":0},{"val":1800,"col":"#00b500","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":1480,"y":1460,"wires":[]},{"id":"df8d7aac.d14808","type":"ui_artlessgauge","z":"2df2987b.4d9058","group":"147ae808.a499a","order":8,"width":0,"height":0,"name":"switch off timer","icon":"","label":"switch off timer","unit":"s","layout":"linear","decimals":0,"differential":false,"minmax":false,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":true,"animate":true,"sectors":[{"val":0,"col":"#ca3838","t":"min","dot":0},{"val":600,"col":"#e6e600","t":"sec","dot":0},{"val":1200,"col":"#00b500","t":"sec","dot":0},{"val":1800,"col":"#00b500","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":1460,"y":820,"wires":[]},{"id":"31cc53db.d49bfc","type":"ui_artlessgauge","z":"2df2987b.4d9058","group":"147ae808.a499a","order":4,"width":0,"height":0,"name":"switch off timer","icon":"","label":"switch off timer","unit":"s","layout":"linear","decimals":0,"differential":false,"minmax":false,"colorTrack":"#555555","style":"","colorFromTheme":true,"property":"payload","secondary":"secondary","inline":true,"animate":true,"sectors":[{"val":0,"col":"#ca3838","t":"min","dot":0},{"val":600,"col":"#e6e600","t":"sec","dot":0},{"val":1200,"col":"#00b500","t":"sec","dot":0},{"val":1800,"col":"#00b500","t":"max","dot":0}],"lineWidth":3,"bgcolorFromTheme":true,"diffCenter":"","x":1460,"y":460,"wires":[]},{"id":"8185508d.088f8","type":"change","z":"2df2987b.4d9058","name":"reset timer","rules":[{"t":"set","p":"payload","pt":"msg","to":"false","tot":"bool"}],"action":"","property":"","from":"","to":"","reg":false,"x":1450,"y":1720,"wires":[["853fc229.78bc2","a92cf60b.04aaa8"]]},{"id":"3a450289.161fa6","type":"change","z":"2df2987b.4d9058","name":"reset timer","rules":[{"t":"set","p":"payload","pt":"msg","to":"false","tot":"bool"}],"action":"","property":"","from":"","to":"","reg":false,"x":1550,"y":1060,"wires":[["917c6ae5.277ce","891ba5ca.96e7a"]]},{"id":"eb03c14d.9b9bf","type":"change","z":"2df2987b.4d9058","name":"reset timer","rules":[{"t":"set","p":"payload","pt":"msg","to":"false","tot":"bool"}],"action":"","property":"","from":"","to":"","reg":false,"x":1570,"y":660,"wires":[["e3e47120.e77ad","62be9cc7.eb58ec"]]},{"id":"45313de8.078d8c","type":"mqtt-broker","name":"tasmota","broker":"192.168.111.25","port":"1883","clientid":"","usetls":false,"protocolVersion":"4","keepalive":"60","cleansession":true,"birthTopic":"","birthQos":"0","birthPayload":"","birthMsg":{},"closeTopic":"","closeQos":"0","closePayload":"","closeMsg":{},"willTopic":"","willQos":"0","willPayload":"","willMsg":{},"sessionExpiry":""},{"id":"147ae808.a499a","type":"ui_group","name":"Beamerzimmer","tab":"910865fe.8cd058","order":1,"disp":true,"width":"6","collapse":false,"className":""},{"id":"811b704e.0a63d8","type":"ui_group","name":"Wohnzimmer","tab":"910865fe.8cd058","order":2,"disp":true,"width":"6","collapse":false,"className":""},{"id":"910865fe.8cd058","type":"ui_tab","name":"Strom","icon":"dashboard","order":3,"disabled":false,"hidden":false}]

```

---

<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: [3 November 2021 03:54 UTC](https://discourse.nodered.org/t/margin-between-two-widgets-inside-a-group/51760/7 "2021-11-03T03:54:30Z")

</div>

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