# Advanced dashboard layout

**URL:** https://discourse.nodered.org/t/advanced-dashboard-layout/23305
**Category:** Dashboard
**Created:** [19 March 2020 03:04 UTC](https://discourse.nodered.org/t/advanced-dashboard-layout/23305 "2020-03-19T03:04:45Z")
**Posts on this page:** 1
**Showing post:** 10

<div class="post-metadata">

### Author: ![JGKK](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jgkk/32/18515_2.png) [@JGKK](https://discourse.nodered.org/u/JGKK)
#### Post date: [20 March 2020 06:13 UTC](https://discourse.nodered.org/t/advanced-dashboard-layout/23305/10 "2020-03-20T06:13:58Z")

</div>

If you use the nodered theme only groups will be seperated by borders. Widgets within in one group will be shown within the same box. You have three options to get that separation between widgets:  
1-Either as said above you put each widget into its own group.  
2-you use the option angular theme everywhere as this includes separation between widgets.  
3-you are comfortable with css. Than have a look at this:

> [@paintbrush Customize dashboard CSS](https://discourse.nodered.org/t/customize-dashboard-css/23139):
>
> Couple of things first.. Many things can happen if you start to play with CSS. You may break whole thing, but you can make your page really good looking. But be aware that it can be addictive. The result of your adjustments is art. So if you are changing CSS for your dashboard, you are an artist. (and a little bit a programmer of course) I'm not an expert of art nor the CSS. The tools Browser developer tools. [https://developers.google.com/web/tools/chrome-devtools/css](https://developers.google.com/web/tools/chrome-devtools/css) The main too…

Those are your three best options as far as i know  
best regards johannes

---

_[View the full topic](https://discourse.nodered.org/t/advanced-dashboard-layout/23305)._