Am I missing something about nested groups?

[kylepyke]

I'm not sure I understand the point of nested groups. It seems like the following bits of code produce the exact same visual result with the exception being the ability to collapse everything under the parent group in the first example– is that the sole purpose of groups?

Ex. 1
services.yaml:

- Proxmox:
    - Proxmox:
        icon: proxmox.svg
        href: "#########"
    - Docker:
        - Portainer:
            icon: portainer.svg
            href: "#########"

        - Immich:
            icon: immich.svg
            href: "########"

settings.yaml:

layout:
  Proxmox:
    style: row
    columns: 1
    Docker:
      style: row
      columns: 1

Ex. 2
services.yaml:

- Proxmox:
    - Proxmox:
        icon: proxmox.svg
        href: "#########"
- Docker:
    - Portainer:
        icon: portainer.svg
        href: "#########"

    - Immich:
        icon: immich.svg
        href: "########"

settings.yaml:

layout:
  Proxmox:
    style: row
    columns: 1
  Docker:
    style: row
    columns: 1

[shamoon]

Ha, this is not a very good example, maybe add some more services and groups and you will see the types of layouts that are only possible with nested groups.

They are intentionally made to not look entirely different but as you point out, even these two are not actually the same.

[kylepyke]

Ah, ok. After looking through some earlier versions and requests for nested groups, it makes more sense. I guess I am looking for nested groups to appear differently, like some sort of indented hierarchical structure? Maybe that's not possible with Homepage. Thanks for your response, and your work on this awesome project!

[owennewo-dev]

In my layout I use lots of nested widgets, it's a very helpful feature. I can get layouts like this:

[t3chguy]

You can probably do indenting as you want @kylepyke using custom CSS with the selector .services-group .services-group to target nested groups only

[schumi2004]

I'm struggling as well with nested groups and layouts

I expected groups Promox and Docker to be side-by-side instead of what OP shows.

Is that even possible to have the example of what @kylepyke showed to be side-by-side instead of underneath each other?

[github-actions[bot]]

This discussion has been automatically closed due to inactivity. See our contributing guidelines for more details.

[github-actions[bot]]

This discussion has been automatically locked since there has not been any recent activity after it was closed. Please open a new discussion for related concerns. See our contributing guidelines for more details.