Space between groups

Hi All

In my dashboard, one of the tabs has 3 groups. When I open it in by desktop browser, they are arranged horizontally and when I open them in my phone browser, they are arranged vertically.

  1. Is there any way to arrange the groups vertically in my desktop browser as well ? (This is not very important as I intend to use the dashboard from my phone primarily)
  2. In my phone browser, how can I increase the space between the vertically arranged groups ?

Bump....

Any suggestions? :smiley:

I'm afraid nothing I can think of. That's how the responsive Dashboard layout works. :see_no_evil:
The size and order of groups have influence on their arrangement, you can play around with that, but that's about it.

I ended up creating specialized tabs for different screens and use-cases. One that is rather fixed for Full-HD on my central display, and others that take advantage of the responsive layout for phones and tablets.

If you want to have full control over the frontend, you can take alternative routes (uibuilder, for example), but that involves deeper knowledge of HTML/CSS/JS.

a possible way to go, is to place everthing in 1 group and use custom css to display the whole stuff like its in different groups:

here you can add space to add more space. Thats the only way I know to do it with standard dashboard.

Hey

Sorry for the delay in response ( was not well :slight_smile: ).

@kuema Thank you for the inputs. :+1:

@sfedo I don't know anything about css. :smiley: Maybe, I could learn the bare minimum to get something working. Anyhow, I also have use-cases where I need to hide/show certain groups. I guess this would not be an option if I take this css route ?

When you need to hide, show something and you dont know how to do it with javascript, then its not the way to go.
In this case you have to deal with standard dashboard. When you primery use your phne, then the groups are under each other. You can also add more space between them, when you go on your dashboard menu, and hit the tab "site". Here you can add more vertical space between groups.

This was what I was looking for. :smiley: Thank you! :slight_smile:

1 Like