Dashboard an Displaygröße anpassen

Hallo zusammen.

Ich stelle mein Dashboard auf einem FireHD als Wallpanel dar. Die Auflösung beträgt 1920x1200.

Ich habe mir eine Custom Card mit 200px Höhe erstellt. Per Grid-Layout habe ich nun 5 Reihen erstellt. Jede Reihe müsste also 240px haben? (1200:5=240). Es werden aber nur die oberen 4 Reihen angezeigt. Für die 5. Reihe muß ich scrollen. Wie bekomme ich alle 5 Reihen auf einmal dargestellt?

Weil zwischen den Reihen noch x Pixel Abstand sind, die du berücksichtigen musst. Nimm mal 220px pro Reihe und teste.

Der Abstand beträgt 7px und die Raumkarte hat 200px. Ich komme also auf insgesamt 1042px (6 x 7px + 5 x 200px) Es ist also noch massig Platz nach untern.

Das Hintergrundbild wurde im Übrigen auf das richtige Format “gestaucht”

Im Browser kannst du doch über die Dev-Tools die Elemente untersuchen. Schau mal ob die wirklich nur 200 hoch sind.

Ja, das passt komischerweise…

Unbenannt-2

Du musst dann den Rand dazu addieren. Wird das padding sein.

Installier mal aus dem HACS das Addon „Browser Mod“, wenn du das dann auf dem Tablet in der App aktivierst hast du dann einen Player, einen Lichtschalter und ein paar Sensoren incl Höhe und Breite des HA-Browsers, damit hab ich mein Dashboard vermessen und dann passte das Grid-Layout.

Plan B:

Ich habe in Fully Browser unter Web Zoom and Scaling den Initial Scale auf 113% gestellt, und jetzt klappt es.