Layout help

[iHumberto]

Hi guys,

I need a little help with layout setting. I want to put the calendar beside some widgets, but its not working well...

I created a group called media (inside the widgets.yaml file) and I put the calendar in it with others widgets like Jellyfin, jellyserr, Prowlarr etc...

After this I create a layout inside settings.yaml with this set up:

Media:
    style: row
    columns: 2
    icon: mdi-movie-open-star-outline

but the output is something like this:

There is any way to put the others widgets below jellyfin (bc there's a huge empty space there).

[shamoon]

There are other ways to 'hack' this layout a bit but I think the most straightforward is to put calendar in its own group, the *arr services in another and then put them in order in the layout. Then finally make the next group in your layout a row, which will keep the calendar / *arr groups to take up only 2 columns total (if you dont have a row next homepage will keep adding more columns up to 4)

e.g.

layout:
  Testing:
  Media:
  Home Management & Info:
    style: row

[bpwats]

Would you mind showing sample code to display the calendar? I cannot get it to show at all. I have the latest HomePage installed on unRAID.
I have a section in settings.yaml similar toy yours. I would expect this in services.yaml (dots are dashes)

• Calendar: #group name, also in settings.yaml, may have tab defined
  • My Calendar: #service name
    widget:
    type: calendar
    ... (additional optional settings, my arrs are setup correctly)

[iHumberto]

Sure..... Here's my code to display the calendar inside the services.yaml fil:

- Calendar: #group_name
    - Calendário: #Widget_name
        widget:
            type: calendar
            firstDayInWeek: sunday
            integrations: # optional
                - type: sonarr # active widget type that is currently enabled on homepage - possible values: radarr, sonarr, lidarr, readarr
                  service_group: Media Management # group name where widget exists
                  service_name: Sonarr # service name for that widget
                  color: purple
                - type: radarr # active widget type that is currently enabled on homepage - possible values: radarr, sonarr, lidarr, readarr
                  service_group: Media Management # group name where widget exists
                  service_name: Radarr # service name for that widget
                  color: violet

Looks like this:

[bpwats]

Right, so I don't see a significant difference with what I have.

Part of my settings.yaml
layout:
Media:
style: row
columns: 2
header: true
Documents & Files:
style: row
columns: 2
header: true
Utilities:
style: column
rows: 1
header: true
Server:
style: row
colums: 2
Calendar: # group name for ordering
header: true
Other:
header: true
Home Automation:
header: true
style: row

and part of my services.yaml

• Server:
  • Plex:
    #showstats: true
    description: media server
    href: https://app.plex.tv
    icon: plex.png
    server: MyUnraidDocker
    container: Plex-Media-Server
    widget:
    type: plex
    url: http://192.168.25.34:32400
    key: XXXXXXXXXXXXXXXX # see https://www.plexopedia.com/plex-media-server/general/plex-token/
• Media:
  ...
  • Sonarr:
    #showStats: true
    description: Series management
    href: http://192.168.25.89:8989
    icon: sonarr.png
    server: MyUnraidDocker
    container: binhex-sonarr
    widget:
    type: sonarr
    url: http://192.168.25.89:8989
    key: XXXXXXXXXXXXXXXXXXXXXXXXXXXX
    enableQueue: true # optional, defaults to false
  • Radarr:
    #showStats: true
    description: Movie management
    href: http://192.168.25.78:7878
    icon: radarr.png
    server: MyUnraidDocker
    container: binhex-radarr
    widget:
    type: radarr
    url: http://192.168.25.78:7878
    key: XXXXXXXXXXXXXXXXXXXXXXXXXXXX
    enableQueue: true # optional, defaults to false
    fields: ["wanted", "missing", "queued", "movies"]
• Calendar: #group name, also in settings, has tab defined in settings
  • Calendar: #service name or calendar name in this case
    icon: sonarr.png
    widget:
    type: calendar
    #firstDayInWeek: monday # optional - defaults to monday
    #integrations: # optional
    #- type: sonarr # active widget type that is currently enabled on homepage - possible values: radarr, sonarr, lidarr, readarr
    #service_group: Media # group name where widget exists
    #service_name: Sonarr # service name for that widget
    #color: teal # optional - defaults to pre-defined color for the service (teal for sonarr)
    #params: # optional - additional params for the service
    #unmonitored: false # optional - defaults to false, used with *arr stack
• Other:
  ...
• Home Automation:
  • Home Assistant:
    ...

Both Calendar names show, but the calendar area remains empty. The icon does not display either (no biggie).
The log does not show an error. What could be the matter?

[iHumberto]

Oh...... I was trying to use the style and columns to accomplish this... I tried without using style and column amd works the way I was looking for.... tks a lot.

[bpwats]

Never mind, it was an indentation issue.
Apparently one cannot mix the number of spaces for indentation accross services (2 vs. 4).

[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.