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

[Wolf-B]

Nachdem ich mich - mit Hilfe dieses Forums - vor ein paar Tagen mit dem iobroker beschäftigt habe und ihn schon 5 Mal neu installiert habe, komme ich so langsam dahinter, was der so tut und will mich nun auch mit der Visualisierung beschäftigen.
Hierzu habe ich mir zunächst den Adapter VIS eingefügt und kann ihn auch starten. Dann habe ich mir ein neues Projekt angelegt ("unserHaus") und habe einen Raum angelegt. Ursprünglich war dort das Projekt "main" und eine "demoansicht" vorinstalliert.
Wenn ich nun über Setup mein Projekt "unserHaus" aufrufe, ist aber auch der Raum "Demoansicht" mit drin und wenn ich dann die Runtime starte, kommt nur diese Demoansicht, nicht aber mein Raum.

Was müsste ich tun, dass diese Demoansicht (die ich aber im Projekt main als Vorlage behalten möchte) aus meinem eigenen Projekt verschwindet und dann beim Aufruf der VIS-Runtime mein Projekt geladen wird und nicht "main" ?

Ich danke schonmal für hilfreiche Antworten.

[mickym]

Wenn Du vis ohne Parameter aufrufst - kommt immer das Projekt main.

Entweder Du rufst Dein Projekt direkt mit der korrekten URL auf oder Du hast folgende Optionen. Wenn Du ein neues Projekt erstellst, kommt automatisch der Demo View mit dem Raum.

Wenn Du ein eigenes Projekt erstellt hast und Du möchtest, dass es ohne Aufruf von Parametern als Default aufgerufen wird, kannst Du Dein Projekt auch exportieren und als "main" wieder importieren.

Standardmäßig kannst Du Dein Projekt oder View immer direkt wie folgt aufrufen:

http://<servername>:8082/vis/index.html?<ProjektName>#<ViewName>

[Wolf-B]

Danke Dir - das ist schonmal sehr hilfreich ...

[Wolf-B]

Also diese Hilfestellung konnte ich sehr gut brauchen. Nun verzweifle ich aber gerade an einem wahrscheinlich lapidaren Problem. Wenn ich ein Label-Widget aufrufe, also eine Beschriftung und dann einen Texz eingebe, dann wird das dargestellt. Wenn ich dann an diesem Text was verändere (Schriftgröße, Rahmen usw.) passiert es ständig, dass das Label verschwindet, sowie ich auf den Hintergrund klicke (also woanders hin, als auf das Label).
Wenn ich dann Strg-a drücke erscheint es wieder und ich kann es anklicken und weiter bearbeiten. Aber beim nächsten Klick außerhalb des Labels ist es wieder weg und in der Runtime erscheint es auch nicht.

Woran liegt denn das ?

[crunchip]

@Wolf-B eventuell deinen Z-Index verstellt (Minusbereich) passiert manchmal wenn man mit der Maus scrollt und dabei grad ein bestimmtes Feld angeklickt hatte

[Wolf-B]

@crunchip
Danke - werde ich mir zu Herzen nehmen - ist garantiert so passiert

[Wolf-B]

So, nun bin ich wieder einen Schritt weiter und habe meine erste Lampe in iobroker zum Ein- und Ausschalten bekommen.
Es soll jetzt weitergehen, aber ich finde keine geeigneten Widgets für die verschiedenen Geräte im Haus wie z.B. Heizkörper, Raumregler (Anzeige und Reglung), Rauchmelder, Lampen, Ventilatoren, Türen, Tore, Fenster mit Auf-/Zu Anzeigen bzw. Schaltern usw.
Ich habe schon einige tolle Visualisierungen gesehen, aber wo sind die entsprechenden Widgets dazu ? Was man da unter Adapters angeboten bekommt, ist meines Erachtens recht dürftig. Mache ich da was falsch, oder wo kann ich die entsprechenden Widgets für alles Mögliche rund ums Haus herbekommen ?

[mickym]

@Wolf-B Also grundsätzlich brauchst Du sogar nur die Basic und jqui- Widgets. Es braucht keine besonderen Widgets für die verschiedenen Typen.
In den Basic und jqui-Widgets kannst Du entweder über Text oder über Icons visuell darstellen, was Du steuern willst. Dieses verbindest Du dann noch mit einem Datenpunkt der eben das entsprechende Gerät steuert.

Ansonsten kannst Dir ja noch den Material Design Widget Adapter anschauen - oder dieses Projekt. https://forum.iobroker.net/topic/30363/projekt-mdcss-v2-material-design-css-version-2
Da gibts dann auch ein Demo-Projekt

Und zu Deinem vorigen Problem. Wenn Du einen Hintergrund hast und Du nicht willst das man den durch anklicken auswählen kann, dann stell das Ganze auf Locked.

[Wolf-B]

@mickym
Danke Dir, dann muss ich mir wohl die Basic und jqui - Widgets mal (noch) näher ansehen ...

[mickym]

@Wolf-B Ich habe noch was in meinem Posting ergänzt. Eine Adapterempfehlung und 1 Projekt - das auch aufwändiger ist, aber halt ein konsistentes Design alla Google ermöglicht.

[Wolf-B]

@mickym sagte in Anfängerfragen:

Material Design Widget Adapter

Dieses Widget habe ich leider nicht in meiner Auswahl - ich sehe nur Material Google Design Icons, aber das sind keine Widgets.

Welches Widget aus den Basics brauche ich denn für eine Heizung, Heizungsregler ? Das ist nichts dabei, was mich darauf hinweisen könnte.

[mickym]

@Wolf-B Den Material Design Widget Adapter siehst Du nur, wenn Du kurzfristig - Deinen Aktiven Aufbewahrungsort von default auf latetest umstellst - kannst Du anschließend wieder auf default umstellen.

So aber generell was brauchst Du denn für eine Heizungssteuerung. Ich habe meine zwar im Moment noch nicht mit VIS sondern mit Node-Red realisiert - aber im Prinzip ist das ja immer identisch:

Oben wird die aktuelle Temperatur angezeigt - das kannst doch einfach als Text im Label ausgeben oder Du nutzt die canvas-gauges.

Dann siehst Du einen Slider mit dem ich die Temperatur einstelle - dafür nimmst Du dann zum Beispiel unter jqui - den horzontalen Slider

Dann wieder ein Label dass die aktuell eingestellte Temperatur anzeigt.

Das blau oder rote Thermostat sind Buttons um durch Druck eco oder comfort Temperatur einzustellen so ein button oder icon state widget nehmen.

Für die Ein/Aus - kannst dann wieder Radiobuttons EIN/Aus nehmen usw.

Du musst Dir Deine Bedienelemente - was Du wie steuern willst halt selbst zusammenstellen.

[BBTown]

@Wolf-B
mal eine Frage in eine etwas andere Richtung.

Du beginnst mit der - meiner Meinung nach - komplexesten Variante eine Visualisierung umzusetzen. Das ist schon anspruchsvoll und eine Herausforderung.
Hast Du dir mal zum Einstieg - mit sehr geringer Einstiegshürde und wirklich schnellen Ergebnissen - iQontrol angeschaut?

[mickym]

Der Tipp von @BBTown ist meines Erachtens sehr gut. Ich habe auch damit angefangen - erst mal die Steuerung und die Logik hinzubekommen und VIS ist schon sehr design lastig.

Als mit @BBTown's Tipp mit einer einfacheren Visualisierung zur Steuerung anzufangen - wäre das glaube ich für Dich der kurzfristig erfolgversprechenste Weg - obwohl ich selbst mit der iQontrol keine Erfahrung habe (ich habe das mit Node Red gemacht) - aber das schaut so ähnlich wie Apples Home App aus.

[BBTown]

@mickym @Wolf-B
je nach Geschmack gibt es auch noch andere kompakte Visualisierungen wie Lovelace oder Bolio.
Ich würde aber dennoch iQontrol als erstes versuchen.

[Wolf-B]

Hm, iQontrol habe ich gefunden - ist eine App. Was passiert, wenn ich sie installiere. Zerschießt es mir dann VIS ? Das wird dann aber anders aufgerufen ? Und wenn ich Seiten damit baue, kann ich die dann später mit VIS weiterbearbeiten ?

[BBTown]

@Wolf-B
3 x Nein
iQontrol ist eine eigener Adapter und hat somit nichts mit VIS zu tun
entsprechend kann es weder VIS kaputt machen, noch in VIS weiterverarbeitet werden.

Der Aufruf erfolgt über den Port des web-adapters <192.168.xxx.xxx>:8082/iqontrol/index.html?namespace=iqontrol.0

[Wolf-B]

@BBTown
Hätte auch von Dieter Bohlen sein können ... Danke für den Hinweis - muss mal sehen, was ich da mache. iQontrol sieht schon auch gut aus - aber bei 3x nein ...

[BBTown]

@Wolf-B
ich habe die Antwort etwas präzisiert.

Und auch für dich gilt, ... niemand wird gezwungen irgendwelche Tipps anzunehmen, jeder darf sich quälen wie er mag

[Wolf-B]

@BBTown
Nicht falsch verstehen - ich nehme gerne Tipps an, nur muss ich das für mich auch irgendwie sortieren. Aktuell sind es wieder einige gute Hinweise und ich weiß aktuell nicht so recht, in welche Richtung ich gehen soll. Ich denke aber, ich werde dieses iQontrol schon mal ausprobieren.