[QUESTION] How can I force specific section layout w/ column spanning?

[amlloyd]

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

• [X] You are using a supported version of Dashy (check the first two digits of the version number)
• [X] You've checked that this question hasn't already been raised
• [X] You've checked the docs and troubleshooting guide
• [X] You agree to the code of conduct

[CrazyWolf13]

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?

[amlloyd]

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.

[CrazyWolf13]

Can you try the option to display horizontally?

[amlloyd]

That just stacks each section on top of each other in 1 column. :(

[CrazyWolf13]

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