Sizing of the UI Dashboard

Dashboard
1

Hey there, i am quite new to NodeRed and have little to no experience.
In my first project i want to give the UI-Group ("Home") 100% Width so it fills the screen, no matter the Width (and maybe height, too).
The only thing where i can set the width was in properties, but there i can only type in hard numbers like 5 or 100. I now you can give the Group a specific CSS-Class, but where do i put the Code for it? I mean it is no specific node, is it? I only found it when i navigated threw the info tab -> Global Config Nodes -> ui_group.

I hope you guys can help me!
Thanks and have a great day:)

2

Just for clarity, would you give the NR version, Dashboard Version ?

3

Sorry, but what do you mean exactly?

4

Look at the bottom of the drop down menu in the node red flow editor and it will tell you the node red version. Then look in Manage Palette (in the dropdown menu) and it will show you the dashboard version number.

Also please select one of the dashboard widget nodes and Export it and paste it here. In order to make flow importable it is necessary to surround it with three backticks when you paste it (also known as a left quote or backquote ```)

``` 
   code goes here 
```

See this post for more details - How to share code or flow json

5

Ahh, thanks.
node-red: 4.0.9
node-red-dashboard: 3.6.5

6

I see you are using the old (now deprecated) dashboard. I suggest that you start again with newer (open source) Flowfuse Dashboard which is actively maintained and developed. The flowfuse dashboard is also known as Dashboard 2. Using that you can certainly achieve what you want.

7

Thank you very much, i will certainly try that!
Have a great day! :blush:

8

This excellent video by the primary developer is worth watching:

@joepavitt I couldn't see the video linked from the getting started guide, unless I missed it.

9

The video was produced after that article, we do link to the video on the Dashboard homepage here: https://dashboard.flowfuse.com/