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 -
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
-
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 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
Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.
Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.
Mit deinem Input könnte dieser Beitrag noch besser werden 💗
Registrieren AnmeldenSupport us
564
Online32.8k
Benutzer82.8k
Themen1.3m
Beiträge