Monatsrückblick Januar/Februar 2026 ist online!

[Peoples]

Auch ich habe jetzt Vis 2 als Anlass genommen mal meine Vis 1 komplett neu zu machen, der Import klappte bei mir zwar, aber sobald ich das Projekt auswähle bekomme ich nur eine weise Seite angezeigt. Über die Entwicklertools des Chrome sehe ich massig Fehler.

Da ich eh alles neu machen wollte weil sich bestimmt hier und da über die Jahre einige Leichen eingeschlichen haben, ist das nicht weiter schlimm.

Doch schon am Anfang bei der Gestaltung meiner Navigation tauchen die ersten Fragen auf.

Ich verwende das "Basic-HTML-Widget" für die Navigation und habe das in meiner alten Visualisierung über CSS gestaltet was problemlos möglich war.
In Vis 2 werden nur Teile des CSS übernommen (Höhe und Breite nicht) deklariere ich die Buttons aber im Editor direkt funktioniert es.

Die Höhe und Breite des linken Buttons wurde im Editor angegeben (auch Lineheigt wird aber ignoriert), bei den beiden rechten Buttons stehen die Angaben in CSS und die Editorfelder sind leer.

.button_site_navigation_grey
    {
        height:194px;
    	width:150px;
    	line-height:94px;
        text-align:center;
        vertical-align:middle;
    	border:#85888a solid 3px;
        border-radius: 5px;
    	font-size:22px;
    	background: #0079FF;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
        background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
        background: -moz-linear-gradient(center top, #676a6e, #1f2122);
        color:white;
    }

Sollte das schon angesprochen worden sein, entschuldigt die erneute Frage (eine Lösung oder der Link dazu wäre großartig) doch wenn nicht, wo liegt mein Fehler.

[Feuersturm]

@sit-in Es werden die Adapterdateien noch einmal in iobroker "hochgeladen".
Gibt es Fehlermeldungen im Log?
Ansonsten vis-2 Adapter einmal löschen und neu installieren. Wenn das alles nichts hilft, poste bitte mal die Langfassung von

iob diag

[sit-in]

@feuersturm hi!

Ich hab mal ins protokoll rein geschaut (ich schau da einfach zu selten rein :disappointed_relieved: )
da stand zunächst drin, dass der web adapter aktualisiert werden muss und anschließend, dass der js-controller geupdatet werden soll.

Beides gemacht, der Adapter ist jetzt grün.

Jetzt läuft es.

Danke!

[Feuersturm]

@sit-in super. Dann viel Spaß.

[Peoples]

Ich habe eine weitere Frage zu Vis2 speziell zum Editor:

Der Bereich der Widgetangaben / Seitenangaben / CSS (Rote Pfeile) usw. lässt sich über die Leiste links (Roter Pfeil) vergrößern und verkleinern, aber wie schaffe ich es dass sich der Bereich zwischen den beiden gelben Senkrechten Linien verkleinert, so könnte man mehr von der Seite sehen die man gerade designed?
Ich kann den schwarzen (toten) Bereich nicht verändern?

[Duffy]

@agrippinenser

Bezug nehmend auf deinen Post vom 21.11.23 in diesem Thema:

Verrätst du mir bitte wo ich in der Vis2

„deaktiviere mal "zeige letzte Änderung".

Finden kann? Ich finde es nicht.

Und an der Stelle noch eins, was bedeuten die kleinen Anker in denn Visualisierungen?

Gruss Duffy

[sigi234]

@Peoples
Ja das habe ich auch.
Werder eine Neuinstallation von Vis2 und löschen aller Vis2 Ordner hilft.

Es geht nur mit einer Neuinstallation von iob.

[Peoples]

@sigi234

Ok das ist natürlich absolut keine Option.
Hast du hierzu schon ein Issue auf Git erstellt?

[sigi234]

@peoples sagte in Vis-2(.0) - Neuer Adapter als Beta:

@sigi234

Ok das ist natürlich absolut keine Option.
Hast du hierzu schon ein Issue auf Git erstellt?

Nein, lief wochenlang normal.
Irgendeine Kombination bei der Bearbeitung in Vis2 löst das Phänomen aus.
Angefangen hat es das auf einmal das Widget Saugroboter verschwunden war.Ich glaube das es schon eine Issue gab.

Was hast du als letzter gemacht?

[Peoples]

@sigi234
Ich habe lediglich die rechte Spalte vergrößert um den ganzen Pfad des eingefügten Bildes zu sehen

Und dann ging es nicht mehr zurück

[sigi234]

@peoples sagte in Vis-2(.0) - Neuer Adapter als Beta:

@sigi234
Ich habe lediglich die rechte Spalte vergrößert um den ganzen Pfad des eingefügten Bildes zu sehen

Und dann ging es nicht mehr zurück

Kannst du es mal mit Firefox testen, da funktioniert es bei mir wieder.

[MK-66]

@sigi234 @Peoples
Bei mir hilft Browsercache löschen, danach wird der Editor wieder normal angezeigt.

Bei mir tritt dieses Phänomen im Editor auch ab und zu beim Bearbeiten auf, ich habe aber bislang noch nicht herausfinden können wann oder wobei dies genau passiert.

[PapaChriLo]

Die Wartung bzw. Programmierung des ioBrokers erfolgt bei mir auf meinen Win-Pc, mit Chrome Browser.
Der ioBroker selbst läuft im Docker auf meiner Synology 718+
Die VIS wird im Flur, mittels Raspberry im Kioskmodus, auf einem 21" Touchscreen angezeigt.

Gestern hab ich mir die VIS2 installiert und meine bestehende VIS in die neue VIS2 übernommen.
Am Win-PC läuft alles, ich kann die VIS2 editieren, starten, usw. und es sieht alles so aus wie es sein soll.

Wenn ich jetzt aber im Flur die neue VIS2 aufrufe, öffnet sich das Browser-Fenster, das bleibt aber weiß und das war es dann, man sieht die neue VIS2 nicht.

Daher hab ich mal versucht, die neue VIS2, über mein Handy aufzurufen.
Da ist es so, dass der gesamte Hintergrund ebenfalls weiß ist, der sollte aber grau sein, außer dem Wetter Widget und dem Flot Diagramm, bei beiden ist der Hintergrund schwarz, die beiden werden richtig dargestellt.

Bei beiden Geräten, also sowohl am Raspberry im Flur als auch am Handy läuft der Chrome Browser.

Dann hab ich das Ganze noch auf dem Tablet meiner Frau ausprobiert, da läuft der Firefox Browser.
Da ist zwar auch fast alles weiß, aber einige Container sowie einige Icons sind zumindestens Schemenhaft zu erkennen.

Hat wer einen Tipp oder ist da schon was bekannt.

[afuerhoff]

@papachrilo
Welche Version von vis-2 benutzt du? Bitte auf 2.9.11 aktualisieren.

[PapaChriLo]

@afuerhoff

Hab sie gestern geladen die 2.9.8

Hab gerade gesehen, das es da ein Update gibt.
Werd's mal Testen und dann berichten.

[goesebrecht]

@feuersturm

Bei mir sind zwei neue Probleme mit dem basic-html-widget aufgetreten:

Scripts im html-widget werden beim Viewwechsel nicht aktualisiert. Das hat zuletzt in v2.9.5 funktioniert, danach nicht, auch nicht in aktuell v2.9.11.

Zum Nachstellen:
In ein html-widget ein einfaches script einfügen:

<script> 
    console.log('hi');
</script>

Weiterhin ein Navigationswidget zu einer anderen View einfügen und auf der anderen View eine Navigation zurück.

Runtime starten, mit F12 Konsole öffnen. In der Konsole wird zutreffend "hi" ausgegeben. Wechselt man mit der Navigation in eine andere View und zurück, wird das script nicht ausgeführt und kein (neues) "hi" in der Konsole ausgegeben.

Was mir zufällig aufgefallen ist: Die "Updatezeit" im html-widget hat keine Funktion.

Egal was ich da als Updatezeit eingebe, es erfolgt keine erneute Ausführung des scripts.
... das hat auch schon in v2.9.5 nicht funktioniert; weiter wollte ich jetzt nicht zurückgehen.

[OliverIO]

@goesebrecht

So ein Skript gehört in den Skript Reiter
Unter Umständen optimiert der Browser diese Art von Skript Ausführung weg, wenn das Element hidden oder Display:none hat

[goesebrecht]

@oliverio

Das ist eine ausdrückliche Funktionalität des html-basic-widgets.

Nein, das Element ist weder hidden noch display: none;

[OliverIO]

@goesebrecht
Auch wenn eine andere View angezeigt wird?
Dann ist das Element ja nicht mehr da bzw wird nicht angezeigt.

Es dürfte reichen, wenn ein darüberliegendes Element diese Attribute hat.
Es optimiert auch nicht Iobroker, sondern der Browser.
JavaScript in nicht angezeigten tabs werden auch nicht ausgeführt.

Wechsle doch auf die View wo das Element enthalten ist. Dann dürfte es ausgeführt werden. Halt nur einmal

[Laser]

Nach dem Update des Vis auf die 2.9.11 sehe ich nur noch das (Ausschnitt):

Wollte noch mal updaten, da erscheint das:

ERROR: Process exited with code 30
weniger
mehr
$ iobroker url iobroker.vis-2@latest --host neuheizung --debug

install iobroker.vis-2@latest

/bin/sh: 1: npm: not foundError trying to check npm version: Command failed: npm -v/bin/sh: 1: npm: not found!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!Aborting install because the npm version could not be checked!Please check that npm is installed correctly.Use "npm install -g npm@8" or "npm install -g npm@latest" to install a supported version.You need to make sure to repeat this step after installing an update to NodeJS and/or npm!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

ERROR: Process exited with code 30