all widget under the same column after upgrade

[sbenodiz]

What happened?

I used to have 3 columns in my dashboard, but after upgrading the latest version is all under the same column

Steps to reproduce

see image after upgrade

see yaml

strategy:
  type: custom:mushroom-strategy
  options:
    chips:
      climate_count: false
      cover_count: false
      fan_count: false
      switch_count: false
      weather_entity: false
      light_count: true
    areas:
      rei_s_room:
        name: Rei room
        icon_color: green
      dining_room:
        name: Dining room
        icon_color: brown
      living_room:
        name: Reception room
        icon_color: green
      kitchen:
        name: Kitchen
        icon_color: red
      2nd_living_room:
        name: Breakfast Room
        icon_color: green
      front_house:
        name: Front house
        icon_color: brown
      garden:
        name: Garden
        icon_color: green
        extra_cards:
          - type: gauge
            name: Left side soil moisture
            unit: '%'
            min: 0
            max: 100
            needle: true
            entity: sensor.soild_sensor_left_side_soil_moisture
            severity:
              red: 0
              yellow: 30
              green: 70
            alignment: center
          - type: gauge
            name: Right bottom side soil moisture
            unit: '%'
            min: 0
            max: 100
            needle: true
            entity: sensor.soil_sensor_right_bottom_soil_moisture
            severity:
              red: 0
              yellow: 30
              green: 70
            alignment: center
          - type: gauge
            name: Right side soil moisture
            unit: '%'
            min: 0
            max: 100
            needle: true
            entity: sensor.soil_sensor_right_side_soil_moisture
            severity:
              red: 0
              yellow: 30
              green: 70
            alignment: center
      hallway_1st_floor:
        name: Hallway ground floor
      bathroom_kids:
        name: Bathroom kids
        icon_color: blue
      hallway_second_floor:
        name: Hallway first floor
      office:
        name: Iris Office
        icon_color: black
      bedroom:
        name: Romi room
        icon_color: pink
      master_bedroom:
        name: Master Bedroom
        icon_color: red
      bathroom_loft:
        name: Bathroom loft
    quick_access_cards:
      - type: vertical-stack
        cards:
          - type: weather-forecast
            entity: weather.pirateweather
            forecast_type: daily
            show_current: true
            show_forecast: true
          - type: custom:advanced-camera-card
            cameras:
              - camera_entity: camera.front_camera_clear
          - type: custom:advanced-camera-card
            cameras:
              - camera_entity: camera.camera1_clear
          - type: custom:advanced-camera-card
            cameras:
              - camera_entity: camera.front_door_doorbell_clear
      - type: vertical-stack
        cards:
          - type: custom:digital-clock
            dateFormat:
              weekday: long
              day: 2-digit
              month: short
            timeFormat:
              hour: 2-digit
              minute: 2-digit
          - type: custom:calendar-card-pro
            title: Events
            title_font_size: 40px
            week_number_font_size: 30px
            event_font_size: 25px
            time_font_size: 18px
            refresh_interval: 5
            refresh_on_navigate: true
            entities:
              - entity: calendar.family
                color: '#1e90ff'
            days_to_show: 5
            max_events_to_show: 12
            show_location: false
      - type: vertical-stack
        cards:
          - type: gauge
            name: Hot water
            unit: °
            min: 20
            max: 40
            needle: true
            entity: sensor.t_h_sensor_with_external_probe_probe_temperature
            severity:
              red: 0
              yellow: 28
              green: 32
          - type: todo-list
            entity: todo.todo_list
            title: Notes
            hide_completed: true
    extra_views:
      - theme: Backend-selected
        title: Batteries
        path: Batteries
        icon: mdi:battery-high
        cards:
          - type: custom:battery-state-card
      - theme: Backend-selected
        title: Water
        path: water
        icon: mdi:thermometer-water
        cards:
          - type: horizontal-stack
            cards:
              - type: vertical-stack
                style:
                  card:
                    width: 50%
                cards:
                  - type: gauge
                    name: Hot water
                    unit: °C
                    min: 20
                    max: 40
                    needle: true
                    entity: sensor.t_h_sensor_with_external_probe_probe_temperature
                    severity:
                      red: 0
                      yellow: 28
                      green: 32
                  - type: gauge
                    name: Hot water real
                    unit: °C
                    min: 20
                    max: 40
                    needle: true
                    entity: sensor.hot_water_device_temperature
                    severity:
                      red: 0
                      yellow: 27
                      green: 31
                  - type: entity-button
                    name: Hot water toggle
                    icon: mdi:water-boiler
                    entity: binary_sensor.hot_water_output
                    tap_action:
                      action: call-service
                      service: automation.trigger
                      target:
                        entity_id: automation.hot_water_toggle_automation
                  - type: history-graph
                    title: Hot Water temperatures (last 48 h)
                    hours_to_show: 48
                    entities:
                      - entity: >-
                          sensor.t_h_sensor_with_external_probe_probe_temperature
                        name: Hot water
                  - type: history-graph
                    title: Hot Water real temperatures (last 48 h)
                    hours_to_show: 48
                    entities:
                      - entity: sensor.hot_water_device_temperature
                        name: Hot water real
              - type: vertical-stack
                style:
                  card:
                    width: 50%
                cards:
                  - type: button
                    entity: switch.main_water
                  - type: button
                    entity: switch.garden_water
                  - type: custom:apexcharts-card
                    header:
                      show: true
                      title: Garden Water
                    graph_span: 7d
                    span:
                      end: day
                    series:
                      - entity: sensor.main_water
                      - entity: sensor.garden_irrigation_water
views: []

`

Versions

• Mushroom Dashboard: v2.3.3
• Lovelace Mushroom:
• Home Assistant: 2025.5.3

Environment

Web Browser (specify name and version)

Environment and Version

No response

Expected Behavior

multiple columns in the UI

Actual Behavior

only one column

Error Logs (if applicable)

Additional Information

No response

Guidelines

• I have read and agree to the guidelines.

[DigiLive]

I've gotten user complaints about not having all cards in one column, because of masonry view of HASS.
E.g.:

I'll be happy to make changes, but it should be decided which sections to separate from each other or not.
Even then, I can't guarantee to order of the sections, because HASS will sorts the sections in columns, based on size and places the next column below the smallest column on the dashboard.

E.g.

I'll have to give it some thoughts.

Any user feedback would be welcome!

[sbenodiz]

just for reference, that how it looked before the upgrade

[sbenodiz]

@DigiLive what do you say ? anything that I can help with fixing or developing the support for multi columns?

[DigiLive]

I need suggestion for which section needs to go where, which need to stay together and which may be separated.

• Chips
• Persons
• Greeting
• Quick Access Cards
• Areas
• Extra Cards

[sbenodiz]

I think the current single-column layout can remain the default behavior when no changes are made. However, we should provide users with the flexibility to customize and organize their widgets as desired.
One possible approach is to introduce an option under quick_access_cards that allows users to reference either custom cards or system cards (such as Chips, Persons, Greeting, Quick Access Cards, and Areas). If a system card is referenced, it would be removed from its default column and instead appear under quick_access_cards. This way, users can take full control of their home page by placing all system cards under quick_access_cards if they prefer.
This solution would also address the issue mentioned earlier, where users who currently see a single column would continue to have the same view, while others could customize their layout as needed.
Let me know what do you think

[DigiLive]

I have some ideas, but I need some time for implementation and trying out.
To be continued.

[DigiLive]

@sbenodiz Do you mind trying attached version?

• See https://digilive.github.io/mushroom-strategy/getting-started/installation/#local-installation for manual installation.
• This version includes PR Homeview masonary to sections #247 and Refactor chips to badges #246, so any chip references in your YAML configuration have to be updated accordingly. E.g. chip to badge and chips to badges.

mushroom-strategy.zip

[sbenodiz]

Thank you so much for the update. i will try to find time tomorrow to test it

[DigiLive]

Did you have a chance to try it yet?
Any feedback would be appreciated.

[sbenodiz]

Yes, sorry that i didn't update you. that seems to work well!