[Solved] How to create two rows on ipad mini

[mrhaugland (Daniel)]

Up until HA 0.115 I had my Lovelace showing in two rows on the iPad mini. Like on pc:

but after updating two 0.116 it shows in one row:

Any suggestions as to how I can get my two rows back? I dont want to use HACS.

[Stiltjack]

Two vertical stacks? With nested horizontal stacks in the column on the left?

[akarpenkoua (Artem)]

Here is a solution to have more controls over the UI grid.

Layout-card - Take control of where your cards end up

Finally released on HACS! This card lets you tweak how cards are placed in your lovelace views. Here’s just one example. [image] With some work, this can be used to create responsive designs: [responsive%201] [responsive%202] [responsive%203]

Or you can do more complex coding for particular breakpoints. Look for some ideas here

My dashboard with responsive grid, custom calendar and cat card

Hi y’all, after years of tinkering with Home Assistant I’m finally happy enough with my main dashboard to show it off here. I’m gonna focus on the three bits I think are most interesting for other users. Responsive grid lay-out [home-responsive-resized] (sorry for bad quality gif, had to resize it to be displayed here) For this I made a fork of the existing custom layout-card that makes it easier to implement a css grid by adding support for grid-areas and the option to define grids for 3 …

And just try to reload a cache on the tablet and switch horizontal and back to vertical mode to reload a screen resolution

[mrhaugland (Daniel)]

Thank you! I nested the nest within the nests nest And made a new Lovelace dashboard with the YAML below which I set as default on the panel in the hallway!

views:
  - title: Panel
    path: panel
    panel: true
    badges: []
    cards:
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: vertical-stack
                cards:
                  - type: weather-forecast
                    entity: weather.hjem
                    name: Valen
                  - type: horizontal-stack
                    title: Moduser
                    cards:
                      - type: button
                        tap_action:
                          action: toggle
                        entity: input_boolean.hjemme
                        show_state: false
                        icon_height: 60px
                      - type: button
                        tap_action:
                          action: toggle
                        entity: input_boolean.godnatt
                        icon_height: 60px
                      - type: button
                        tap_action:
                          action: toggle
                        entity: input_boolean.ferie
                        icon_height: 60px
                  - type: vertical-stack
                    cards:
                      - type: horizontal-stack
                        cards:
                          - type: button
                            tap_action:
                              action: toggle
                            entity: input_boolean.kveldskos
                            icon_height: 60px
                          - type: button
                            tap_action:
                              action: toggle
                            entity: input_boolean.gaar_hjemmefra
                            icon_height: 60px
                          - type: button
                            tap_action:
                              action: toggle
                            entity: input_boolean.kjorer_hjemmefra
                            icon_height: 60px
                  - type: horizontal-stack
                    title: Dør og port
                    cards:
                      - type: button
                        tap_action:
                          action: toggle
                        entity: lock.id_lock_as_150_locked
                        show_state: true
                        name: Ytterdør
                        icon_height: 60px
                      - type: button
                        tap_action:
                          action: toggle
                        entity: cover.garasjeport_barrier_state_label
                        name: Garasjeport
                        show_state: true
                        icon_height: 60px
              - type: horizontal-stack
                cards:
                  - type: vertical-stack
                    cards:
                      - type: glance
                        entities:
                          - entity: person.anette_haugland
                            name: Anette
                          - entity: person.daniel
                            name: Daniel
                          - entity: person.leah_haugland
                            name: Leah
                      - type: entities
                        entities:
                          - entity: switch.outlet_kaffetrakter
                            name: Kaffetrakter
                          - entity: switch.fibaro_system_fgwpe_f_wall_plug_gen5_switch
                            name: Panelovn soverom
                          - entity: switch.panelovn_kjeller
                            name: Panelovn kjellergang
                          - entity: vacuum.roomba
                          - entity: switch.taklys_garasjen_switch_3
                            name: Taklys i garasjen
                          - entity: climate.varmepumpe
                        show_header_toggle: false
                      - type: history-graph
                        entities:
                          - entity: sensor.stue_temp
                            name: Stua
                          - entity: sensor.temperature_kjellergang
                            name: Kjellergang
                          - entity: sensor.sensor_garasje_temperature
                            name: Garasje
                        hours_to_show: 24
                        refresh_interval: 0