# Format a multiple switch page

**URL:** https://discourse.nodered.org/t/format-a-multiple-switch-page/79231
**Category:** Dashboard
**Created:** [15 June 2023 17:18 UTC](https://discourse.nodered.org/t/format-a-multiple-switch-page/79231 "2023-06-15T17:18:23Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![muggins](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/muggins/32/63013_2.png) [@muggins](https://discourse.nodered.org/u/muggins)
#### Post date: [15 June 2023 17:18 UTC](https://discourse.nodered.org/t/format-a-multiple-switch-page/79231/1 "2023-06-15T17:18:23Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/3/d33efea73ce381503be76b8df4e56c27c253db53.jpeg)  
Can anyone advise as to how best to tidy/align these group of switches.  
There is quite a gap between label and switch icon.  
Yes my attic is 35 degrees today.

---

<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: [15 June 2023 18:01 UTC](https://discourse.nodered.org/t/format-a-multiple-switch-page/79231/2 "2023-06-15T18:01:53Z")

</div>

Please add the dashboard sizes configuration. It seems too tighten so the font sizes make elelemts to overflow. But no advises should be made blindly.

---

<div class="post-metadata">

### Author: ![muggins](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/muggins/32/63013_2.png) [@muggins](https://discourse.nodered.org/u/muggins)
#### Post date: [15 June 2023 18:30 UTC](https://discourse.nodered.org/t/format-a-multiple-switch-page/79231/3 "2023-06-15T18:30:10Z")

</div>

The button size is 2x1  
1x1 widget size is 56x45  
widget spacing is 3x3

---

<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: [17 June 2023 06:35 UTC](https://discourse.nodered.org/t/format-a-multiple-switch-page/79231/4 "2023-06-17T06:35:24Z")

</div>

A bit of space conservation

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

```auto
[{"id":"1b482c888f7b755d","type":"ui_template","z":"fa5b9780981f70bb","group":"e66dc6f032f6d351","name":"Dashboard CSS","order":6,"width":0,"height":0,"format":"<style>\n .nr-dashboard-switch md-switch {\n padding: 0 8px 0 8px;\n margin-left:0 !important;\n }\n \n /* To give more air for elements\n switches rotated to be vertical\n If you don't like it\n remove this rule*/\n \n md-switch .md-container{\n rotate:270deg;\n }\n</style>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"global","className":"","x":820,"y":200,"wires":[[]]},{"id":"e66dc6f032f6d351","type":"ui_group","name":"Default","tab":"643b5d16f994d032","order":1,"disp":true,"width":"6","collapse":false,"className":""},{"id":"643b5d16f994d032","type":"ui_tab","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]

```

---

<div class="post-metadata">

### Author: ![muggins](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/muggins/32/63013_2.png) [@muggins](https://discourse.nodered.org/u/muggins)
#### Post date: [17 June 2023 07:28 UTC](https://discourse.nodered.org/t/format-a-multiple-switch-page/79231/5 "2023-06-17T07:28:40Z")

</div>

Thank you that is much better.

---

<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: [17 July 2023 07:29 UTC](https://discourse.nodered.org/t/format-a-multiple-switch-page/79231/6 "2023-07-17T07:29:19Z")

</div>

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