I am on a C8 hub. I am posting this here because for some reason I am not allowed to post in the Dashboard section of the forum. I have built a dashboard that works well on my desktop and phone. It is two columns wide and autofit. I wanted a divider tile (ribbon) between device types so I made them two tiles wide, All is good but I can not figure out how to make only the divider tiles less tall than the device tiles. Every CSS code that I try makes all the tiles less tall. What CSS code can I use to make only text tiles less tall without affecting the device tiles? Here is a screenshot of what I have so far. I am wanting just the text tile that says Lights to be a thinner ribbon.
Just change your column width and row height size for the dashboard to something pretty small, like around half of what you are using now. Then you will have to expand the tiles you want to be bigger using width and height of the tile, and then use just a height of 1 for the thinner tiles.
That is handy in general to create many different size tiles on the dashboard, by expanding them to the size you want. I actually use row/column sizes around 30-50 to make many different size tiles on the same dashboard.
Note: you will also want to to double the number of your rows or columns in the grid size panel, as you will need more rows/columns if you decrease the column/row size.
1 Like
Such a simple solution, I am embarrassed that I did not think of that. Thank you.
