# \[Group Collapsed options select\] \[Position Fix\]

**URL:** <https://discourse.nodered.org/t/group-collapsed-options-select-position-fix/76663>\
**Category:** Dashboard\
**Created:** [17 March 2023 11:11 UTC](https://discourse.nodered.org/t/group-collapsed-options-select-position-fix/76663 "2023-03-17T11:11:59Z")\
**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:** [17 March 2023 11:36 UTC](https://discourse.nodered.org/t/group-collapsed-options-select-position-fix/76663/2 "2023-03-17T11:36:51Z")

</div>

Dashboard layout is tricky and doesn't let you do such manipulations in easy way. The reason is that even beginner level user will get layout done without any coding. It is powerful enough to rearange groups for different screen sizes with again - no special treatments or coding skills needed. Great stuff.

But that is only one type of layout and zero options.  
To make it behave somehow different it takes to overwrite all that behavior and write your own layout rules. It is possible but takes at least intermediate CSS skills.

See this thread, you may find some ideas..

> [@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/group-collapsed-options-select-position-fix/76663)._