Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[eMd]

@martinschm

UI Kit

mfg
eMd

[Kueppert]

Hi,
wie bekommt ihr es hin, dass der transparente Hintergrund auch transparent bleibt??

Hab die Bilder mit transparentem Hintergrund runtergeladen und als png abgespeichert...laus mich doch der Affe, Mensch

[eMd]

@Kueppert

Ja mehr habe ich auch nicht gemacht, .png mit transparentem Hintergrund und fertig... vielleicht nochmal extra woanders herunterladen?

mfg
eMd

[dslraser]

@Kueppert sagte in Zeigt her eure iQontrol Visualisierung:

Hab die Bilder mit transparentem Hintergrund runtergeladen

die Bilder sehen nicht wirklich "transparent" aus.

[dslraser]

@Kueppert

probiere mal die

[Kueppert]

@dslraser danke dir ganz herzlich :) Die funktionieren...ich hatte mir eben GIMP installiert, den Hintergund (nochmal) transparent gemacht (3mal), das png wieder gespeichert...nix...keine Ahnung, warum das nicht klappt.
Danke für die fertigen Icons ;) Jetzt ist schick ^^

VG Thorsten

[Kueppert]

@dslraser hier mal das "transparente" png, das ich eigentlich nutzen wollte

[dslraser]

@Kueppert

[s.bormann]

@Kueppert Hi, ich habe die alten Homematic-Rauchmelder. Die haben einen Anschluss für einen kabelgebundenen Alarmkontakt. An den habe ich einen Schaltaktor (batteriebetrieben) angeschlossen und kann damit sowohl Alarm auslösen (kurzer Schaltimpuls - nutze ich für die Alarmanlage) als auch Entwarnung geben (langer Schaltimpuls).

[blackeagle998]

Dann möchte ich meine iQontrol Visualisierung auch mal kurz zeigen :slightly_smiling_face:

Kurz vorab:
Die Hauptansicht besteht nur aus einer View (Seite) und läuft unter der Instanz iqontrol.0, alle Verknüpfungen (Rollladen, Staubsauger, Sonos etc.) sind einzelne Instanzen, die per Popup aus der Main-View aufgerufen werden.

Seitdem ich diese „modulare“ Trennung habe, laden die Seiten schneller und ich habe auch keine Probleme mehr beim Import/Export der Konfiguration der einzelnen Instanzen.

So nun aber mal zu den Views.

Hauptseite (Main-View):

Rollladen:

Staubsauger (Roborock S50):

Fenster:

Licht:

Klingel:

Raspberry PI:

Sonos:

Das war's erstmal, sind nicht alle Views, aber die wichtigsten bzw. die auch aktiv wirklich genutzt werden.

In diesem Sinne, alles Gute und bleibt gesund!!!

[Kueppert]

@blackeagle998 offtopic, sorry Frage: wie/womit hast du deine Türklingel in ioBroker eingebunden? Hardware/Adapter? Wird für mich zukünftig bei einer Renovierung mal von sehr großem Interesse sein, hier infos zu sammeln :)

[blackeagle998]

@Kueppert
Ich habe eine Standard Türklingel, die per 12V von einem Trafo versorgt wird und außen einen normalen Taster (Klingelknopf) hat.

Momentan habe ich den 12V Dauerstrom einfach nur über den Raspberry PI durchgeleitet (mit einem Relais an die GPIO Pins angeschlossen). Heißt, die Klingel ist dauerhaft an. Wenn ich den entsprechenden GPIO PIN auf (High = 1) setze, wird das Relais umgeschaltet und der Strom zur Klingel wird unterbrochen.

Das ist eher eine "Notlösung", war für mich aber nicht anders machbar und relativ einfach umzusetzen.
Den Klingelimpuls selbst, kann ich momentan (noch) nicht abgreifen.

Für einen Neubau etc. ist das sicherlich nicht die richtige Lösung, da gibt es mit Sicherheit andere/bessere, da habe ich mich leider vorab nicht richtig mit beschäftigt :face_with_rolling_eyes:

[Hc-Yami]

Habe eigentlich nur die Icons getauscht weil die Frau es so wollte. :)

@Kueppert das könntest du auch mit einem Shelly 1 oder dem extra dafür verkauften Homematic Klingelsensor realisieren! :)

[martinschm]

@Hc-Yami said in Zeigt her eure iQontrol Visualisierung:

Habe eigentlich nur die Icons getauscht weil die Frau es so wollte. :)

@Kueppert das könntest du auch mit einem Shelly 1 oder dem extra dafür verkauften Homematic Klingelsensor realisieren! :)

Sieht gut aus, schöne Icons hast du da.

[dslraser]

bei mir hat sich einiges in der Hauptansicht verändert. Es ist fast alles auf/zu klappbar oder zum vergrößern/verkleinern. Alle einzelnen Ansichten sind über die jeweiligen Icon erreichbar.

[martinschm]

@dslraser said in Zeigt her eure iQontrol Visualisierung:

bei mir hat sich einiges in der Hauptansicht verändert. Es ist fast alles auf/zu klappbar oder zum vergrößern/verkleinern. Alle einzelnen Ansichten sind über die jeweiligen Icon erreichbar.

Auch nicht schlecht. Dann sind die Icons aber nur dafür da um zu den Detailseiten zu springen oder wie sehen die aus, wenn sie sich aufklappen?

Bei den Zeilen mit der Steckdose oder Bewegungsmelder, ist das eine Kachel oder mehrere?
Was machen die Pfeile die im Kreis laufen?

[martinschm]

Ich würde ja gerne ein paar Screenshots von @muuulle sehen ;-)

[dslraser]

@martinschm sagte in Zeigt her eure iQontrol Visualisierung:

Bei den Zeilen mit der Steckdose oder Bewegungsmelder, ist das eine Kachel oder mehrere?

geschlossen 3 × 0,5
geöffnet 3 x 2
vergrößert ganzer Bildschirm

Was machen die Pfeile die im Kreis laufen?

klick auf das linke Icon (Pfeile) kann man Farben oder eben eigene html Einstellungen wechseln (einstellbar über Datenpunkte)

Das rechte Icon öffnet oder schließt die Ansicht per klick darauf.

[martinschm]

@dslraser said in Zeigt her eure iQontrol Visualisierung:

@martinschm sagte in Zeigt her eure iQontrol Visualisierung:

Bei den Zeilen mit der Steckdose oder Bewegungsmelder, ist das eine Kachel oder mehrere?

geschlossen 3 × 0,5
geöffnet 3 x 2
vergrößert ganzer Bildschirm

Was machen die Pfeile die im Kreis laufen?

klick auf das linke Icon (Pfeile) kann man Farben oder eben eigene html Einstellungen wechseln (einstellbar über Datenpunkte)

Das rechte Icon öffnet oder schließt die Ansicht per klick darauf.

Was bedeutet Farbe wechseln?
So wie in deinen Screenshots einmal hell, einmal dunkel?

Mit dem Icon schaltest du die Bedingung für vergrößern, richtig?
Bin mir aber immer noch nicht ganz sicher ob ich verstehe wie du es eingerichtet hast. Kannst du mal die Config zeigen und welche Geräte Kachel du verwendest?

Ciao
Martin

[dslraser]

@martinschm sagte in Zeigt her eure iQontrol Visualisierung:

Was bedeutet Farbe wechseln?
So wie in deinen Screenshots einmal hell, einmal dunkel?

ja, so wie in den Screenshots. Das weiß - blaue Bild könnte man über Datenpunkte beliebig anpassen.

Mit dem Icon schaltest du die Bedingung für vergrößern, richtig?

ja, ist so gemacht wie hier:

oder quer (am Handy)

Das html ist damit gemacht.
https://forum.iobroker.net/post/549501
Es gibt zwei html Listen zur Auswahl, einmal alle Geräte, oder nur die "aktiven" Geräte.
Die rote Schrift in der Überschrift erscheint nur, wenn es "aktive Geräte" gibt.

Kannst du mal die Config zeigen und welche Geräte Kachel du verwendest?

Die kachel ist ein Widget, Wie es eingerichtet ist müßte ich nachreichen.

Hier ist ein kurzes Gif als Beispiel.

oder auch für eine 0,5×0,5 Kachel
(hattest Du oben gefragt)

Dann sind die Icons aber nur dafür da um zu den Detailseiten zu springen oder wie sehen die aus, wenn sie sich aufklappen?

Manche sehen dann so aus und manche springen dann in die Detailansicht.

Hier im zweiten Beitrag findest Du einen Spoiler mit Beispielansichten

https://forum.iobroker.net/post/549503

Hier ist es so, sobald irgendein Gerät aus dieser verknüpften Ansicht eingeschaltet ist, dann ist der Symbol Hintergrund weiß/hell, sonst nicht.

Bei der Heizung habe ich es so, sobald eine Heizung auf größer 18 Grad eingestellt ist, dann wird der Hintergrund des Icon weiß/hell.

usw....