[Feature Request] Span support for subgroup layout

[pelaxa]

Description

I searched for span and could not find any realted issues or discussions.

The idea hear is that at the parent level, we can defind the # of columns, and at t he sub-group level we can define a span. This way, if I define 4 columns at the parent level, I can define on of the subgroups to have a span of 3 and take up 3/4 of the available space.

I could not find a way to do this already and could not find an example.

Other

No response

[shamoon]

Always a bit hard to tell with text descriptions etc but I think you can achieve this with nested groups: https://gethomepage.dev/configs/settings/#nested-groups

[pelaxa]

you are right in that it is hard to understand in text. so here is a diagram. I believe everything in group 1 is possible with nested groups (I called them subgroups), but not what is presented in group 2.

[shamoon]

Ah yes. It’s a good idea but might be kinda tricky. I’ll have a think

[pelaxa]

Thanks for taking a look.

Here is my two cents purely from a yaml perspective. I'm sure the coding is way more complicated.

To create the above, the yaml would look like below, where Nested A, B, and C are nested groups for rows 2, 3, and 5 respectively. This way the parent group is setting the number of columns and the nested groups claim more than one column if needed. For sure this can look messy if the yamls are not organized well, but the flexibility would be amazing.

layout:
  "Group 1":
    style: row
    columns: 4
    "Nested A":
      header: false
      style: row
      span: 2
    "Nested B":
      header: false
      style: row
      span: 2
  "Group 2":
    style: row
    columns: 4
    "Nested C":
      header: false
      style: row
      span: 3

[CaiCai-jk]

Hi,
Until this feature is eventually available you can already set up group 1 using the current method, as you can see in this post.

I haven't checked the code, but it would look something like this:

layout:
  "Group 1":
    style: row
    columns: 2
    
    "Nested 1":
      header: false
      "Nested 1-1":
        header: false
        style: row
        columns: 2
      "Nested 1-2":
        header: false
      "Nested 1-3":
        header: false
        style: row
        columns: 2

    "Nested 2":
      header: false
      "Nested 2-1":
        header: false
        style: row
        columns: 2
      "Nested 2-2":
        header: false

For group 2, it's indeed not possible at the moment.

[pelaxa]

Yes. This is about group 2.