# Adapt dashboard to window size (Responsive dashboard)

**URL:** <https://discourse.nodered.org/t/adapt-dashboard-to-window-size-responsive-dashboard/78156>\
**Category:** Dashboard\
**Tags:** node-red-dashboard, design\
**Created:** [3 May 2023 17:21 UTC](https://discourse.nodered.org/t/adapt-dashboard-to-window-size-responsive-dashboard/78156 "2023-05-03T17:21:33Z")\
**Posts on this page:** 1\
**Showing post:** 2

<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:** [3 May 2023 17:55 UTC](https://discourse.nodered.org/t/adapt-dashboard-to-window-size-responsive-dashboard/78156/2 "2023-05-03T17:55:55Z")

</div>

Hello and welcome.

It is asked many times in different manner but I haven't seen any story of success. It's a figh with implementation which is not meant to be responsive in freely chooseable manner. That's the main reason why almost every time there will be an advise to make your dashboard from scratch or use uibuilder or try flexdash.

But you may try.  
Maybe this will be interesting then

> [@A bit different dashboard layout](https://discourse.nodered.org/t/a-bit-different-dashboard-layout/71869):
>
> Sometimes the default layout just doesn't do the trick. And we have been agreed with it as there is not much to do with it. Well, I was forced a bit to think again ... There isn't too much but it may open some possibilities to play with it. [{"id":"4e7e0d90ee7aa1ad","type":"ui\_template","z":"bf0d83d32eec75c2","group":"674712f8d915bcc0","name":"A bit different layout","order":7,"width":0,"height":0,"format":"\<style id='different-layout'\>\n .masonry-container {\n position: relative;\n…

---

_[View the full topic](https://discourse.nodered.org/t/adapt-dashboard-to-window-size-responsive-dashboard/78156)._
