Grid Karten für TabletAnsicht- Problem mit 3ter Spalte

[helmi55]

Hallo bin seit einigen Monaten mit HA beschäftigt und schon sehr weit gekommen.
Nun möchte ich für mein Wandtablet eine Übersichtsseite bauen.
Dafür habe ich mir mit Grid Cards einen Container gebaut (Hauptkarte mit einer Spalte) und immer mehr Cards dazugegeben
Nur mit der 3ten Spalte habe ich ein Problem das die Felder so GROSS sind
Kann ich das im YAML Code vielleicht einschränken - müsste dann ja irgend ein Size Befehl sein oder?
Hier mal ein Bild und der Code

title: HA-Garage
views:
  - theme: Backend-selected
    title: Main
    path: main
    icon: mdi:garage
    badges: []
    cards:
      - square: false
        columns: 1
        type: grid
        cards:
          - square: false
            columns: 4
            type: grid
            cards:
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.gartenlicht1
                show_state: true
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.hm_lc_sw4_dr_2_oeq0614832_state_ch4
                name: Poollicht
                show_state: true
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.gartenlicht1
                name: Platzhalter
                show_state: true
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: input_boolean.einfahrtsmeldung
                name: EM
                show_state: true
          - square: false
            columns: 4
            type: grid
            cards:
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.poolpumpe
                name: Poolpumpe
                show_state: true
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.solar_pumpe
                name: Solarpumpe
                show_state: true
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.solar_pumpe
                name: Platzhalter
                show_state: true
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.poolpumpe
                name: PoolMaster
                show_state: true
          - square: true
            columns: 4
            type: grid
            cards:
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.poolpumpe
                name: Pool Roboter
                show_state: true
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.poolpumpe
                name: PoolGras
                show_state: true
          - square: true
            columns: 2
            type: grid
            cards:
              - type: gauge
                entity: sensor.1_wire_hub_temperature
                name: Luft Garage
                unit: C
                needle: true
              - type: gauge
                entity: sensor.1_wire_hub_temperature_2
                name: Abstellraum
                unit: C
                needle: true
      - square: false
        columns: 1
        type: grid
        cards:
          - square: false
            columns: 1
            type: grid
            cards:
              - type: custom:weather-card
                entity: weather.forecast_woerdern
                number_of_forecasts: '5'
                name: Wördern
          - square: true
            columns: 2
            type: grid
            cards:
              - type: gauge
                entity: sensor.pv2_switch_0_power
              - type: gauge
                entity: sensor.pv2_switch_0_power
      - square: true
        columns: 1
        type: grid
        cards:
          - square: true
            columns: 1
            type: grid
            cards:
              - type: gauge
                entity: sensor.pv2_switch_0_energy
                needle: true
              - type: gauge
                entity: sensor.pv2_switch_0_energy
              - type: gauge
                entity: sensor.poolpumpe_power
                needle: true

Danke für eure Unterstützung
Helmut

 

[Steevee]

ich würde die zwei Gaugen auch in der 3 Spalte nebeneinander machen. Dann werden die auch kleiner.

 

[helmi55]

Ok ist auch eine Möglichkeit
Hoffe es wird dann für Tablet nicht zu breit...

 

[Steevee]

bzw. ein Horizontalen Stapel über die gesammte Breite mit allen 5 oder 6 Gaugen nebeneinander. Dann sind die alle gleich groß, und vor allem auch in der gleichen Höhe.

 

[helmi55]

Ja das wäre noch besser, nur wie bekomm ich die über beide Spalten

title: Garage
views:
  - theme: Backend-selected
    title: Main
    path: main
    icon: mdi:garage
    badges: []
    cards:
      - square: false
        columns: 1
        type: grid
        cards:
          - square: false
            columns: 4
            type: grid
            cards:
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.gartenlicht1
                show_state: true
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.hm_lc_sw4_dr_2_oeq0614832_state_ch4
                name: Poollicht
                show_state: true
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.gartenlicht1
                name: Platzhalter
                show_state: true
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: input_boolean.einfahrtsmeldung
                name: EM
                show_state: true
          - square: false
            columns: 4
            type: grid
            cards:
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.poolpumpe
                name: Poolpumpe
                show_state: true
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.solar_pumpe
                name: Solarpumpe
                show_state: true
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.solar_pumpe
                name: Platzhalter
                show_state: true
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.poolpumpe
                name: PoolMaster
                show_state: true
          - square: false
            columns: 4
            type: grid
            cards:
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.poolpumpe
                name: Pool Roboter
                show_state: true
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.poolpumpe
                name: PoolGras
                show_state: true
          - type: horizontal-stack
            cards:
              - type: gauge
                entity: sensor.pv2_switch_0_power
              - type: gauge
                entity: sensor.pv2_switch_0_power
              - type: gauge
                entity: sensor.pv2_switch_0_power
              - type: gauge
                entity: sensor.pv2_switch_0_power
              - type: gauge
                entity: sensor.pv2_switch_0_power
      - square: false
        columns: 1
        type: grid
        cards:
          - square: false
            columns: 1
            type: grid
            cards:
              - type: custom:weather-card
                entity: weather.forecast_woerdern
                number_of_forecasts: '5'
  - theme: Backend-selected
    title: Pool
    path: pool
    icon: mdi:pool
    badges: []
    cards: []

 

[Steevee]

Bei der Ansicht bearbeiten "Seitenleiste", dann sind die Karten über die ganze Breite

 

[helmi55]

Nein, weil dann zerreißt es die ganze Seite?
Oder ich verstehe was falsch?

 

[Steevee]

Wenn du nur noch eine Spalte hast, musst du dann für die oberen zwei Objekte ein Vertikalen Stapel machen, dass die nebeneinander sind.

 

[Steevee]

auch Horizontal natürlich

 

[helmi55]

HI
also hier in der Seiteneinrichtung
sehe ich keine Veränderung (auch nach Neustart nicht)
Und hier - habe ich keine Möglichkeit?
Oder meinst du alles neu aufbauen. Horizontalen Stapel und dann hier die Grid Cards anlegen?

 

[helmi55]

Hab jetzt grad eine neue Seite mit Hozontalem Stapel angelegt und darin die Raster angelegt
Schaut nicht so gut aus

 

[Steevee]

so z.B.:

  - theme: Backend-selected
    title: pool test
    path: pool-test
    type: sidebar
    badges: []
    cards:
      - type: horizontal-stack
        cards:
          - type: vertical-stack
            cards:
              - type: horizontal-stack
                cards:
                  - show_name: true
                    show_icon: true
                    type: button
                    tap_action:
                      action: toggle
                    entity: light.licht_buero_2b
                  - show_name: true
                    show_icon: true
                    type: button
                    tap_action:
                      action: toggle
                    entity: light.licht_buero_2b
                  - show_name: true
                    show_icon: true
                    type: button
                    tap_action:
                      action: toggle
                    entity: light.licht_buero_2b
              - type: horizontal-stack
                cards:
                  - show_name: true
                    show_icon: true
                    type: button
                    tap_action:
                      action: toggle
                    entity: light.licht_buero_2b
                  - show_name: true
                    show_icon: true
                    type: button
                    tap_action:
                      action: toggle
                    entity: light.licht_buero_2b
                  - show_name: true
                    show_icon: true
                    type: button
                    tap_action:
                      action: toggle
                    entity: light.licht_buero_2b
          - type: horizontal-stack
            cards:
              - show_current: true
                show_forecast: true
                type: weather-forecast
                entity: weather.forecast_whb
                name: Wettervorhersage Langen
                secondary_info_attribute: humidity
      - type: horizontal-stack
        cards:
          - type: gauge
            name: Leistung
            unit: W
            entity: sensor.energy_ges
          - type: gauge
            name: Leistung
            unit: W
            entity: sensor.energy_ges
          - type: gauge
            name: Leistung
            unit: W
            entity: sensor.energy_ges
          - type: gauge
            name: Leistung
            unit: W
            entity: sensor.energy_ges
          - type: gauge
            name: Leistung
            unit: W
            entity: sensor.energy_ges

 

[helmi55]

Ok Danke für deine Geduld und Hilfe
werde ich mir ansehen und melde mich wieder

 

[Steevee]

alles klar

 

[Steevee]

die grid-karte hab ich übrigens für das Beispiel gar nicht verwendet.

sehe ich keine Veränderung (auch nach Neustart nicht)

Neustart brauch man nicht. Änderungen hier sind sofort wirksam.
Aber die Kartenvorschau ist auch nicht immer so 100%, gerade auch, wenn da mehrere Karten verschachtelt sind. Das muss man schon mal direkt sehen.

 

[helmi55]

Ja das habe ich gerade festgestellt das es ohne Grid Karten auch geht

 

[helmi55]

Wenn Ichs richtig verstanden habe, baust du das alles aus horizontalen und vertikalen Karten zusammen
Ich versuche das nun Schritt für Schritt nachzuvollziehen
Nochmals Danke

 

[Steevee]

Ja, wenn du immer ein horizontalen Abschnitt über die gesamte Breite hast, ist das immer auf der gleichen Höhe und sieht besser geordnet aus.
Auf dem Smartphone ist so eine Ansicht natürlich nichts, denn die gesamte Breite ist auf dem Smartphone ja sehr klein. Aber wenn du auf ein spezielles Gerät (Auflösung) optimierst dann ist das gut.
Aber das geht sicher auch noch anders, ich hab das halt mal auf die Schnelle probiert das so nachzustellen.

 

[Steevee]

ja, für die kleineren Schalter könnte man auch ein Grid machen

 

[helmi55]

Zuerst horizontale und da drinnen Grid oder wie bitte?