NEWS
Responsive Design
-
Hallo Zusammen,
ich bin noch recht neu hier und habe nun mein bestehendes smartes Home aus drei Alexas, Homatic ip Heizkörpersteuerungen über Raumthermostate und Fensterkontaktschalter, aus unterschiedlichen Accounts wlan-fähige Lichtschalter und Steckdosen (Tuya-Adapter), Shellys und Broadlink RM4 mini um ein Raspberry erweitert und insoweit auch schon mit ioBroker verknüpft. Das Ansteuern und Auslesen läufst soweit alles schon. Nun kann es an mein eigentliches Ziel gehen - die Visualisierung.Was ich auch gesehen habe, dass ioBroker ja sehr viel mit CSS arbeitet. In CSS hat man ja, gerade im Bereich Responsive Design die Möglichkeit die Elemente mit "fr" in der Breite zu definieren. D.h. auch, wenn man nicht weiß, auf welchem Anzeigegerät die Anwendung/Seite aufgerufen wird und demnach nicht die Bildschirmauflösung kennt, könnte man mit 1fr eine Spalte über die gesamte Bildschirmbreite gehen lassen oder mit repeat (5, 1fr) eben fünf gleichmäßig breite Spalten erzeugen.
Kann man in ioBroker auch sinngemäß in die View ein Grid programmieren und die Widgets dann entsprechend in diesem platzieren (und idealerweise hier und da auch deren Größe an das Grid/Zelle anpassen)? Das würde doch das mühselige doppelte und dreifache Anlagen von inhaltsgleichen und nur gestalterisch unterschiedlichen Views für die unterschiedlichen Displaygrößen ersparen da sich dann alles entsprechend automatisch anpasst.
Danke vielmals für ein paar Denkanstöße und Eure Unterstützung.
Gruß
Markus -
@mathopa1973 sagte in Responsive Design:
" Responsive Design "
.... DenkanstößeSchau dir das mal an !
https://forum.iobroker.net/topic/32232/material-design-widgets-wetter-view
-
@mathopa1973 Schau dir MD CSS von Uhula an.
https://github.com/Uhula/ioBroker-Material-Design-StyleIm Forum hier zu finden:
https://forum.iobroker.net/topic/30363/projekt-mdcss-v2-material-design-css-version-2