Dashbord Hompage anzeigen und Göße ändern

[magnum1795]

Hallo, ich bin Harald und absoluter Neueinsteiger in HA. Habe nun zwar all meine Geräte integriert und funktionieren auch. Bin nun dabei mir eigene Dashboards zu erstellen. Dazu habe ich viele Videos angeschaut, allerdings sind die allermeisten nicht gerade für Anfänger, Einsteiger bzw. Dummis wie ich z.B. nicht gerade geeignet. So bleibt einen nur viel selbst Probieren und Testen.

Nun habe ich ein Dashboard erstellt wo eine Webseite angezeigt wird und oben Butten sind wo ich navigieren kann zu anderen Seiten etc. Funktioniert auch soweit. Allerdings wird die Webseite zwar in der Breite richtig angezeigt, in der Höhe aber nur ein Teil und man muss endlich viel Scrollen. Und ein weiteres Problem ist, wenn ich die Seite am PC oder Tablet aufrufe sieht es ok aus, auf den Handy aber wird die Hompage nur ein Teil in der Breite angezeigt.

Ich hänge mal den Code mit an wie es zur Zeit aussieht und paar Bilder um es sich besser vor zu stellen.

PS: Vielleicht könnte sich das mal ein HA Experte anschauen und paar Tips und Hilfestellung geben. Vielen Dank. Bin übrigens schon älter und daher bitte auch für Dummis verständlich wieder geben.

Ach ja, die Übersichtseite und IP Cameras werden auf den Handy richtig angezeift, nur die beiden Mit den Homepages nicht.

views:
  - title: Home
    type: sections
    sections:
      - type: grid
        cards:
          - type: iframe
            url: http://192.168.0.109/
            aspect_ratio: 100%
            layout_options:
              grid_columns: full
              grid_rows: 8
        column_span: 100
    badges:
      - type: custom:mushroom-template-badge
        content: Übersicht
        icon: ''
        color: white
        tap_action:
          action: navigate
          navigation_path: /lovelace
        hold_action:
          action: toggle
        double_tap_action:
          action: toggle
      - type: custom:mushroom-template-badge
        content: IP CameraS
        icon: ''
        color: white
        tap_action:
          action: navigate
          navigation_path: /dashboard-test/
        hold_action:
          action: toggle
        double_tap_action:
          action: toggle
      - type: custom:mushroom-template-badge
        content: Meine Hompage
        icon: ''
        color: white
        tap_action:
          action: navigate
          navigation_path: /meine-hompage
        hold_action:
          action: toggle
        double_tap_action:
          action: toggle
    background:
      image: /api/image/serve/f0cb0faa58c2685621f44a784904c93c/original
    cards: []

 

[magnum1795]

So, hat sich nun eigentlich erledigt. Habe es anders gelöst und die Webseiten in das Seitenmenü eingebunden. Bin erstmal mit der Lösung zufrieden. Und da ich ja sowieso das meiste auf den Handy mache, kann ich die Webseiten ja auch separat aufrufen. Ich und meine Familie nutzen recht selten das Tablet, sind da eher Handynutzer. Wichtig für mich war das all meine Geräte unter einer Oberfläche zu bedienen sind und nicht erst mehrere Apps dazu öffnen muss. Und genau das habe ich nun (fast) erreicht mit HA.