How to sort cards vertically

Dashboard
1

I red proposed solution when wrote this topic, searched google and I cannot find any way to place cards vertically.
I mean I have layout as this:

image
image1678×234 3.09 KB

and I would like to place them like that:
image
How without making all cards wide as screen width?

2

You could try placing this code in a ui_template (found in the dashboard group) in your flow.
You'll have to experiment with the pixel value.

<style>
.masonry-container {
    width: 800px;
}
</style>
3

If you always want it to look like the second example, whatever sized screen you use, then put everything in one group. Then you have full control of the layout.

4

@dynamicdave
Thanks, started to look promising:
image
@Colin
Thanks for hint, you are right, in that case worse look (no borders), but no different look on different devices.

5

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.