Monatsrückblick Januar/Februar 2026 ist online!

[pix]

Hallo Uwe,

die HTML-Widgets lassen sich mit CSS und HTML Befehlen gut designen. Es gibt das HTML State Widget. Das kann allerdings auf Druck nur einen Wert in ein Objekt schreiben, ist also kein Schalter, sondern ein Taster.

Mit der Übersteuerung !important lässt sich per CSS das Erscheinungsbild aller Widgets verändern. Das ist allerdings aufwendig, möglichweise nach einem Update obsolet und natürlich so auch nicht gedacht. Aber es geht: http://forum.iobroker.net/viewtopic.php?f=30&t=2849&p=25825#p25782

Gruß

Pix

[Homoran]

Auch das Widget bulb on/off lässt sich hervorragend modifizieren und zwar ganz ohne CSS.

Einfach mit Form, Farbe und Icons

Gruß

Rainer

[Homoran]

Hallo Uwe,
@UweRLP:

ich bin wirklich kurz davor es sein zu lassen. `
Schade! - Lösungen weiter unten

@UweRLP:

Gibt es sowas schon? `
Jein!

Nicht in vis aber in mobile.

Das ist im Prinzip eine ganz einfache Oberfläche nur zum bedienen. Sieh dir das mal an - wird aber nicht zu deinem momentanen Konzept passen.

@UweRLP:

Ich ziehe einen "Aktor-Widget" in meine Oberfläche und trage die ID des Aktors ein. Das Widget erkennt um was für einen

Aktor es sich handelt und passt automatisch die Symbole an. Wenn ich also eine schaltbare Steckdose einbinde soll sich

das Icon in genau so eine ändern. `
Die Idee klingt gut - Vielleicht kann Bluefox so etwas zumindest mit den simplen Icons der HM-Geräte implementieren wenn er mal wieder etwas Zeit dafür hätte.

Aber:

Spätestens wenn es Nicht-HM Geräte sind wird es schon sehr schwer.

UND:

Es müsste VOR der Auswahl des Widgets bereits eine Übreprüfung stattfinden, denn du kannst z.B. für Rollläden und Dimmer kein on/off Widget verwenden (zumindest nicht sinnvoll).

Allerdings gibt es gerade im HQ-Widgetsatz für Rollläden wunderschöne Widgets (Window and shutter). Die haben nicht nur Icons sondern stellen sowohl die Rollladenposition als auch den Zustand der Fenster (geschlossen/gekippt/offen) und eine Batterie-Leer Warnung dar.

@UweRLP:

Ich muß sagen das ganze mit vis erschlägt mich `
Im Prinzip wärst du das richtige "Versuchskaninchen" für diesen Teil unserer im Aufbau befindlichen neuen Website.

Das "Problem" ist bei vis eben die immense Vielfalt. Die einen beschweren sich, dass immer noch zu wenig Möglichkeiten gibt, die anderen dass sie den Überblick verloren haben.

Ich arbeite u.a. daran eine Übersicht der Widgets und der damit verbundenen Funktionen zu erstellen.

Aber schon da hapert es an einer zündenden Idee dies bei mehreren Hundert Widgets übersichtlich gestalten zu können.

Die momentan "einfachste" Möglichkeit (bei den Widgets) ist es sämtliche Witgetsätze zu installieren und anschließend in der linken Widget-Sidebar die Filterfunktion zu nutzen.

Bei den Icons wird es bei mehreren Tausend verschiedenen Icons natürlich noch unübersichtlicher :(

Sieh dir mal z.B. hier die Views an:

http://forum.iobroker.net/viewtopic.php … 170#p61170

Ein schöner einheitlicher Aufbau mit verschiedenen Icons.

So etwas gibt es hier öfters.

Wenn du mir (und den anderen) sagst worauf du Wert legst (sozusagen eine roadmap/Projektierung deiner Visualisierung) können wir dir helfen den Knoten platzen zu lassen.

Gruß

Rainer

[eric2905]

Hallo Uwe,

@UweRLP:

Ich muß sagen das ganze mit vis erschlägt mich, ich bin wirklich kurz davor es sein zu lassen. `
nicht gleich die Flinte ins Korn werfen!

@UweRLP:

Einfacher für mich wäre es wenn es so was wie einen "Einfachen Homematic Widget" Satz gäbe.

Ich stelle mir das dann so vor:

Ich ziehe einen "Aktor-Widget" in meine Oberfläche und trage die ID des Aktors ein. Das Widget erkennt um was für einen

Aktor es sich handelt und passt automatisch die Symbole an. `
VIS holt sich seine Datenpunkte aus der gesamten Objektstruktur, wo alle möglich Adapter, Scripte, usw. ihre Daten reinpumpen. Für die Datenstruktur unterhalb des "Einstiegspunktes" ( i.d.R. der Adaptername und die Instanz, also z.B. "hm-rpc.0") ist alleinig der Adapter resp. dessen Programmierer verantwortlich. Ebenso für die Benennung der Datenpunkte.

Wie soll VIS da erkennen, um welches "Gerät" es da geht?

Wenn Du da eine Idee hast, nur raus damit - vielleicht kann man es umsetzten [emoji2]

Hast Du mal die Suchfunktion bei den Widgets probiert?

Gib dort doch einfach mal "light", "bulb" oder "dimmer" ein. Oder für eine Steckdose "socket" oder "switch".

Du kannst Dir die Widgets bzw. deren Icons auch ansehen. Klicke dazu im Reiter "Adapter" in der Zeile des Widgetsatzes ganz hinten mal auf das Fragezeichen. Du landest dann auf der jeweiligen Github-Seite, wo es i.d.R. auch immer einen Link, o.ä. zu den Icons gibt.

Schau es Dir mal in Ruhe an und installiere nicht zu viele Widgetsätze auf einmal - das verwirrt nur!

Gruß,

Eric

Von unterwegs getippert

[Homoran]

@UweRLP:

Wohnzimmer 2.jpg

Wie bekomme ich z.B. beim Leuchtbild den Text unterhalb und nicht rechts. Wie bekomme ich den Hintergrund der

Lampe gelöscht, möchte also nur die Glühbirne sehen und diese soll sich je nach Schaltstatus ändern?

Uwe `

Hallo nochmal,

ich habe im Moment keinen Zugriff auf meine Installationen :(

Den Text kannst du IMHO nicht nach unten legen. Ich nutze dann ein zusätzliches Textwidget zur Beschriftung. Dieses kann einfach über die Hilfsfunktionen ausgerichtet und bei Verschiebung durch nuten der Gummibandfunktion oder CTRL-Klick gemeinsam mit dem Lampen Widget verschoben werden.

Den Hintergrund habe ich bei mir auch ausgeblendet - geht also, weiß ich nur nicht auswendig.

Gruß

Rainer

[RappiRN]

@UweRLP:

Ich muß sagen das ganze mit vis erschlägt mich, ich bin wirklich kurz davor es sein zu lassen. `

Die vielen Möglichkeiten können einen schon fast erschlagen. Da muss man sich ne ganze Weile mit beschäftigen um da einigermaßen durchzusteigen. Allerdings sind eben diese vielfältigen Möglichkeiten auch die Chance, so ziemlich alles irgendwie darzustellen.

Ich für meinen Teil hatte bei ccu.io auch mal angefangen und rechtschnell wieder aufgegeben, allerdings immer wieder im Hinterkopf gehabt. Mit ioBroker ist es meiner Meinung wesentlich einfacher, auch wenn es Anfänger (ich bin auch noch einer!) oft erschlägt.

Also kann ich nur dazu raten, viel nachzulesen, hier im Forum oder in den immer mehr erweiterten Dokus, oder bei Youtube vorbeizuschauen, da sind auch einige Videos, die Zusammenhänge darstellen, wo man dann mit eigenen Ideeen weitermachen kann.

Bei Problemen wird dir hier im Forum auch ziemlich kompetent weitergeholfen und selbst wenn manche Frage doppelt und dreifach gestellt wird, bekommst du hier noch ne Antwort! Das ist nicht in jedem Forum so!! :D

Enrico

[AlCalzone]

@eric2905:

VIS holt sich seine Datenpunkte aus der gesamten Objektstruktur, wo alle möglich Adapter, Scripte, usw. ihre Daten reinpumpen. Für die Datenstruktur unterhalb des "Einstiegspunktes" ( i.d.R. der Adaptername und die Instanz, also z.B. "hm-rpc.0") ist alleinig der Adapter resp. dessen Programmierer verantwortlich. Ebenso für die Benennung der Datenpunkte.

Wie soll VIS da erkennen, um welches "Gerät" es da geht?

Wenn Du da eine Idee hast, nur raus damit - vielleicht kann man es umsetzten [emoji2] `

Sowas ähnliches mache ich in meinem Skript, mit dem eine Reihe zwave-Geräte verwaltet werden. Zugegeben, die Objektstruktur unter zwave ist recht informativ, aber ich kann per Skript ermitteln, in welchem Raum welche Geräte welche Funktionen unterstützen (1/2/4-Kanal-Dimmer, Schalter, Relais, Temperatursensor, etc…).

Wie das in Homematic aussieht, kann ich leider nicht beurteilen. Da habe ich ganz schnell die Finger von gelassen :D

[Homoran]

@UweRLP:

Möchte ich eine weitere Steckdose hinzufügen

kopiere ich eine vorhandene füge die hinzu und passe die Object ID an. `
so mache ich das auch. Noch sinnvoller wird das natürlich wenn du Hintergrund und Icon bereits angepasst hättest.

@UweRLP:

Leider muß ich das dann auch für oid-working und Battery ObjektID manuell durchführen. Warum passt vis diese den nicht automatisch

mit an? `
Weil .vis in diesem Fall nicht weiß, dass alles neu ist. Du könntest diese Kombi ja mit Absicht haben.

Wie gesagt komme ich gerade zum Testen nicht an meine Installation, aber ggf. hilft es vor der Suche nach der neuen OID die alten Werte in working zu löschen.

BTW: Schaltsteckdosen haben IMHO keine Batterie und Working ist eher was für Dimmer oder Rolläden womit angezeigt wird, dass sich der Level gerade ändert (EDIT: ggf. könnte hier auch ein laufender Timer angezeigt werden - weiß ich aber nicht sicher)

Gruß

Rainer

[Homoran]

Danke für den Screenshot!

Dann kann ich dir auch von hier aus helfen.

@UweRLP:

Auf der rechten Seite zehn aufklappbare Menüs. Ich möchte den Hintergrund los werden. Wo finde ich das?

Wie kann ich diese Information dann in der Anleitung finden? `
In diesem Teil der Anleitung:

http://www.iobroker.net/?page_id=2754&lang=de#Widget

findest du alles andere ;-)

Die von dir gewünschte Information befindet sich im Abschnitt Allgemein, den du nicht aufgeklappt hast.
` > Allgemein (3)

Der Abschnitt Allgemein ist für jedes Widget spezifisch und wird bei den einzelnen Widgets näher beschrieben `
…und genau diese Beschreibung für mehrere hundert Widgets habe ich noch nicht fertig :(

Alle anderen Punkte (Untermenüs zum Aufklappen), die für alle Widgets gleich sind, sind in der oben verlinkten Anleitung beschrieben.

Wenn du freundlicherweise noch einen Screenshot von ALLGEMEIN postest kann ich dir weiterhelfen!

@UweRLP:

Icon/Grafik einfügen und mit ID verknüpfen und bei welchem Zustand dies Icon angezeigt werden soll

Ein zweites Icon zu obigen eintragen was angezeigt wird wenn der andere Zustand angenommen wird. `
und genauso geht es, wenn man den Teil "Allgemein" aufklappt.

Gruß

Rainer

[Homoran]

@UweRLP:

Jo kein Problem, Bilder Posten kann ich jetzt :lol: `
Danke, bitte alle Unter-Untermenüs ;-) aufklappen

die Einstellungen müssten unter Stil liegen - bin mir aber nicht sicher.

@UweRLP:

Was ich hier schreibe oder auch kritisiere ist nicht persönlich gemeint und soll auch nicht

als Angriff oder Geringschätzung auf irgend jemand gewertet werden. `
Das sehe ich auch überhaupt nicht so!

Ich bin ja froh wenn ein Einsteiger mal so ausführlich schreibt wo es hakt, damit wir besser werden können!

@UweRLP:

warum soll ich daran scheitern? `
Genau! Das ist die richtige Einstellung!

Mir ist es bewusst, dass ioBroker und insbesondere .vis sehr mächtig und für einige daher zu unübersichtlich ist. Deswegen habe ich hier auch geschrieben:
~~@[url=http://www.iobroker.net/?page_id=6317⟨=de:~~

~~Website"]~~IoBroker ist ein mächtiges Werkzeug um verschiedene Elemente der Hausautomation miteinander zu verbinden und deren Status und Bedienung zu visualisieren.

Der Funktionsumfang kann einen Einsteiger beim ersten Kontakt mit ioBroker schon mal verschrecken, weil man den Wald vor lauter Bäumen nicht mehr sieht. Dieses muss nicht sein! `

Etwas http://www.iobroker.net/?page_id=6365&lang=de#Arbeiten_mitWidgets habe ich so etwas wie du es vor hast mit einem anderen Widget beschrieben.

Jetzt brauche ich nochmal deine Meinung:

Wenn du alle Unter-Untermenüs aufklappst und dir vorstellst ich würde alle diese Punkte für alle der mehreren Hundert Widgets beschreiben (will ich auch irgendwann!), wie sähe es dann mit der Übersichtlichkeit und dem "Erschlagen" durch diese Informationsvielfalt aus?

Gruß

Rainer

[Homoran]

@UweRLP:

Ich glaube wirklich helfen wird mir das nicht. `
Was bitte meinst du?

Ich bat dich die in deinem letzten Screenshot noch zugeklappten Unter-Untermenüs: Wert, Zentrum, Beschreibungen, Stil, Extrasteuerung , wobei wahrscheinlich Stil der wichtigere ist, ebenfalls aufzuklappen, dann hätte ich dir schon gesagt wie es geht.

@UweRLP:

Vielleicht gibts das ja schon aber eine Schritt für Schritt Anleitung wie ich starten kann würde sicher helfen. `
Hast du den letzten Link geöffnet?

@UweRLP:

Also wie fange ich an um eine neue Oberfläche zu erstellen. Vis ist lauffähig installiert und es existiert nur die Demo darin.

Wie erzeuge ich eine neue Ansicht? Mit Bilder wo ist was zu klicken… `
steht genau im letzten Link!

…und wenn du mir den gewünschten Screenshot postest kann ich das hier mit dir online machen.

@UweRLP:

Ich habe von CSS keine Anhnung `
Brauchst du gar nicht, du musst nur die Werte (Rahmen, Hintergrund, Schriftart…) in den Einstellungen ändern, das Widget erzeugt dann selber das CSS.

Gruß

Rainer

[Homoran]

Ok, dann man los!
@UweRLP:

Das würde mir im Moment nicht wirklich helfen. `
Aber mir! ;-) und damit allen anderen, weil ich die Doku dann entsprechend auusrichten könnte.

@UweRLP:

jetzt komme ich besser zurecht. `
Schön, ich bin mir aber nicht sicher, ob sich da das Icon austauschbar wäre.

@UweRLP:

Ja für Bilder/Icons die schon in vis vorhanden sind. Aber nehmen wir an ich finde Bilder/Icons Sets im Netz die ich

verwenden möchte, wie ist der offizielle Weg diese Icons zu vis hinzu zufügen? `
Auch hier kann ich dir mangels Zugriff auf eine Installation nicht direkt weiterhelefen, ich denke, da ist bei der Auswahl des Icons auch eine Upload-Möglichkeit, ähnlich dieser hier:

http://www.iobroker.net/?page_id=2754&lang=de#Setup_4

Punkt 6!

Aaah, jetzt hast du die Einstellungen für basic bulb und nicht mehr für HQ on/off.

Da gibt es ja nur wenig in "Allgemein", zumindest keine weiteren Unter-Untermenüs. (Die weiteren Untermenüs sind ja alle bereits beschrieben)

Daher gibt es hier auch nicht viel Widget-spezifisch einzustellen:

Object-ID ist der zu steuernde Datenpunkt, wichtig ist hier das STATE (alles ok!)

min und max muss manchmal mit 0/1 oder true/false angegeben werden, bei Dimmern, Rolläden kann hier 0/100 oder auch ein anderer Wert wie 0/60 eingegeben werden. Dann schltet zum einen der Dimmer nur auf 60% ein, zum anderen geht das bulb-Icon schon ab 60% auf "an" wenn man sonst dieses Widget bei einem Dimmer nimmt zeigt das Icon bis 99% Helligkeit noch "aus"

icon_off gibt den Pfad zu dem Icon an, das gezeigt werden soll, wenn der Zustand des Datenpunktes als "aus" erkannt wird. Rechts befindet sich die Dateiauswahlbox. Darin müsste auch der Upload-Pfeil vorhanden sein.

icon_on Dito nur für den Zusatnd "an"

Alle weiteren

Untermenüs beziehen sich z.B. auf Hintergrund, Schriftard, Umrandung usw. und sind http://www.iobroker.net/?page_id=2754&lang=de#Widget (Punkte 1,2 & 4-10) ausführlich beschrieben.

Nur noch ganz wichtig ist der Punkt 1 (Sichtbarkeit)

Hier kann man definieren, wann ein Widget überhaupt sichtbar sein soll. Wenn man hier etwas falsches einstellt ist es nachher auf dem View nicht zu sehen.

Gruß

Rainer

[eric2905]

Man kann im CSS-Abschnitt bei Background mit den Farbnamen spielen - red, yellow, black, white …. und auch transparent funktioniert in einigen Fällen.

Einfach mal mit rumspielen.

Gruß,

Eric

Von unterwegs getippert

[Bluefox]

@UweRLP:

Hallo.

So nun hat es mich auch erwischt. Ich kann iobroker nicht mehr erreichen, vis funktioniert nicht mehr.

Nunja habe versucht mir selbst zu helfen aber es ist schon frustrierend wenn man dann scheinbar eine Lösung gefunden hat der Link dazu aber nicht mehr funktioniert (hab es gemeldet).

Aber nun zu meinem Problem: iobroker ist nicht mehr zu erreichen.

Nach Recherchen habe ich in der console mit

iobroker list instances

versucht, das Ergebnis war keine Auflistung - einfach nichts. Das selbe für

iobroker list adapters

Danach versucht mit

iobroker stop
iobroker update

Da erhalte ich dann die Ausgabe:

c:\ioBroker>node node_modules/iobroker.js-controller/iobroker.js update
Error: Object "system.config" not found

Soweit so gut, wenn die Fehlermeldung stimmt würde ich die system.config aus meinem Backup zurückschreiben, aber wo finde ich die bzw. wohin muß die?

Das ganze läuft noch unter Windows 10

Also hier ein internationaler Aufruf mir bitte zu helfen :D `
Alle Einstellungen sind in dem "c:\ioBroker\iobroker-data" Verzeichnis. Hast du da was?

Es scheint lehr zu sein.

[htrecksler]

@UweRLP:

Wie schon weiter oben geschrieben konnte ich durch zurück spielen eines Backups ioBroker wieder zum laufen bringen. `
Da wir wohl zu den Exoten gehören die ioBroker unter Windows betreiben…

Wie erstellst Du unter Windows10 das update?

Und zu dem Dienst...

Ich stoppe den immer indem ich unter Verwaltung in die Dienste gehe und selbigen dort händisch stoppe

[Jeeper.at]

Also ich verwende IOBroker auch unter Windows.

Lg

Günther

[htrecksler]

@UweRLP:

Wie meinst du? `
Ich meinte natürlich wie du unter Win10 in ioBroker ein Backup (nicht Update) erstellst.

Einfach mit ioBroker backup?