Main UI: empty space for non-visible cards

OH3.2
There is the issue within Main UI, that if a card is set to visible: false, the UI will still show a blank placeholder.

Sample:
card 2 is set to visible: false & is missing
there is unnecessary space between card 1 & 3

Code
config:
  label: Overview
blocks:
  - component: oh-block
    config: {}
    slots:
      default:
        - component: oh-grid-row
          config: {}
          slots:
            default:
              - component: oh-grid-col
                config:
                  width: "25"
                slots:
                  default:
                    - component: oh-label-card
                      config:
                        title: Card 1
              - component: oh-grid-col
                config:
                  width: "25"
                slots:
                  default:
                    - component: oh-label-card
                      config:
                        title: Card 2
                        visible: false
              - component: oh-grid-col
                config:
                  width: "25"
                slots:
                  default:
                    - component: oh-label-card
                      config:
                        title: Card 3
              - component: oh-grid-col
                config:
                  width: "25"
                slots:
                  default:
                    - component: oh-label-card
                      config:
                        title: Card 4
masonry: null
grid: null
canvas: null

I have just found one topic describing the issue, but the topic is already from end of 2020.

As I am also facing the issue and think about how to deal with it, I wanted to check if anyone knows if there is a workaround or if this will be addressed in future?

Thanks

Just for completeness:

If you move the visible setting from the label card up to the grid component it’s working well and you don’t see any placeholder / free space

1 Like