[QUESTION] How can I force specific section layout w/ column spanning?
Opened this issue · 5 comments
Question
Really enjoying Dashy but have been having a heck of a time getting the layout to display how I want. I'd like 4 main columnar sections, but above those, I'd like a single row section spanning all 4 columns below which will contain various widgets. I've tried rows/cols attributes, ItemCountX/Y, but no luck. Any way to accomplish this?
Category
Configuration
Please tick the boxes
- You are using a supported version of Dashy (check the first two digits of the version number)
- You've checked that this question hasn't already been raised
- You've checked the docs and troubleshooting guide
- You agree to the code of conduct
Hi
Can you try setting the topmost(first) section to 1 column and 4 rows?
And the ones below, say 3 columns and 1 row each?
Hi Can you try setting the topmost(first) section to 1 column and 4 rows? And the ones below, say 3 columns and 1 row each?
That almost works (swapping it to 1 row 4 columns for the "header" section, and the 4 other sections to 3 rows 1 column, except, the header section, which is comprised of widgets, span the 4 columns but the widgets themselves are stacked on top of each other rather than being in each of the 4 specified columns:
What I am trying to accomplish is this. This shows 5 widgets in header section, but it shouldn't matter how many widgets there are. I just want the make the header section span all the others and contain all its widgets in a single row.
Can you try the option to display horizontally?
That just stacks each section on top of each other in 1 column. :(
Hmm I see, then custom css probably will be the best bet, dashy supports custom css, that should allow what you want to do:
https://dashy.to/docs/theming#setting-custom-css-in-the-ui