Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[hauwech]

Hallo zusammen,

meine Visu baut auf das Material Design Beispiel-Projekt. Dort habe ich eine Seite, auf der ich drei Kamera Lifestreams anzeige.

Dazu habe ich jeweils ein basic-iFrame Widget, wo ich als Quelle den URL für die entsprechende Kamera meiner Synology Surveillance Station eintrage.

Das funktioniert wunderbar. Mein Problem ist, daß ich die streams von drei Kameras nebeneinander anzeigen möchte, weil man auf dem Display (bei mir ein Lenovo N308) sonst nach unten scrollen muß.

Wenn ich den Rahmen des iFrame-Widgets mit der Maus "anfasse", kann ich den dargestellten Stream zwar skalieren, aber es wird mindestens ein Scrollbalken angezeigt, entweder rechts oder unten. Auch "overflow:hidden" ändert das nicht.

Wenn ich auf der content-Seite die Anzeigebreite mit "mdui-cols-3" einschränke, wird das Bild abgeschnitten.

Ich möchte aber drei skalierte Bilder ohne Scrollbalken nebeneinander sehen.

Wie kann ich denn die Scrollbalken wegbekommen? Muß ich in den Material Design css Klassen fummeln?

Danke und Gruß

Roland