@sigi234 Nee, passt schon. Da geht es um hochgeladene Dateien. Views und Projekte habe ich löschen können. Scheint jetzt "clean" zu sein. :+1:

Hallo zusammen, dann möchte ich auch mal ein wenig Anregung geben mit meinem kleinen Board - ich arbeite aktuell an einem neuen. Hier einige Screens. [image: 1737480454775-screenshot-2025-01-21-182507.png] [image: 1737480453798-screenshot-2025-01-21-182527.png] [image: 1737480453177-screenshot-2025-01-21-182543.png] [image: 1737480452774-screenshot-2025-01-21-182556.png] [image: 1737480452355-screenshot-2025-01-21-182608.png] [image: 1737480451707-screenshot-2025-01-21-182623.png] [image: 1737480451267-screenshot-2025-01-21-182642.png] [image: 1737480450915-screenshot-2025-01-21-182655.png] [image: 1737480450625-screenshot-2025-01-21-182709.png] Sollte ich bei Fragen behilflich sein können, einfach melden - ich habe so viele Anregungen und Hilfe hier in den Foren gefunden, ohne nachfragen zu müssen, da möchte ich etwas zurückgeben, wenn ich es kann. Grüsse, Euer Kakaomonster PS: Ich versuche grade alle Boards rein auf Jarvis umzubauen - leider hapert es bei Kleinigkeiten wie den bewegenden Energiefluss und die Diagramme bekomme ich auch noch nicht hin - beim rest muss ich noch schauen.

Hallo! Ich habe genau das gleiche Problem mit Vis-2 und den HQwidgets, allerdings nur für diese Buttons: [image: 1737474441453-50ebb598-b50f-4dbd-a93e-b58b93f510fe-grafik.png] Man klickt am Display auf die Leuchte, sie schaltet kurz ein und direkt wieder aus. Mit den anderen Tasten, die ich aus inventwo design Universal gebaut habe, funktioniert es einwandfrei: [image: 1737474604969-1c75b7c1-21da-4a14-ba2b-abb535b9275b-grafik.png] Würde gerne die HQwidgets behalten :grin: ! Gibt es da irgendein Lösungsansatz? Grüße Thomas

@codierknecht said in Vis1 keine Signalbilder mehr einfügen: @joker Browsercache löschen Inkognitomodus des Browsers verwenden Wird's dann besser? Danke, mit dem Browsercache löschen hat es geklappt.

@aleks-83 pfft probier aus. Sonst nimm doch Blockly du kannst die 3 Datenpunkte auch einzeln ansprechen (nacheinander): setState("vis.0.control.instance", "FFFFFFFF"); setState("vis.0.control.data", "main/viewWetterwarnungen"); setState("vis.0.control.command", 'changeView'); Das changeView zuletzt ausführen (auf true setzen)

@rv3dtech hast du da einen werbeblocker laufen? wenn ja scheint der einige bestandteile zu blockieren. insbesondere die sentry anteile

@arnie007 sagte in VIS-2 Frage zur Auflösung: Mein Eindruck ist aber das die aktive Fläche deutlich kleiner ist @arnie007 sagte in VIS-2 Frage zur Auflösung: Was muss ich beachten wenn ich eine Auflösung von 1920 x 1200 haben möchte die Auflösung deines Monitors. setzt mal den Bildschirmzoom herab, bis die Scrollbalken verschwinden

@homoran said in Widgets behalten nicht ihre Position: @triplex sagte in Widgets behalten nicht ihre Position: Frontend : Windows-PC Auflösung des Views? --> 3140x780 Auflösung des Bildschirms? --> 1920x1080 Browser? --> Chrome Widgetkonfiguration? --> welche Infos davon? Noch zur Info, die Widgets wandern schon im Editor und nicht erst in der Runtime.

@nvd126 sagte in VIS2 - Warum geht "var variable = {Datenpunkt}" nicht?: Ist das bei VIS2 nicht mehr möglich? Da bin ich raus. Vis2 verwende ich nicht.

@marshmallowslike sagte in CSS HTML Widget Kalender design: ich hab jetzt mal versucht mit grid das ganze durchzuführen. allerdings kriege ich mit display grid und dessen formatierung eine fehlerhafte darstellung in css.. wird vermutlich nicht unterstützt? CSS-Anweisungen sind immer global. d.h. egal wo sie im html oder in eingebundenen css dateien stehen. die css-anweiungen/klassen wirken immer auf alle elemente entsprechend den css-selektoren wenn nun in vis irgendwas nicht so aussieht wie es woanders aussieht, dann wirken da meist noch andere klassen darauf. in vis gibt es immer wieder mal probleme, weil entwickler ihre css-anweisungen nicht genug kapseln. wer die klassennamen bspw block paragraph absatz oder ähnliche generische anweisungen verwendet, braucht sich dann nicht wundern, wenn sich das mit anderen elementen überschneidet, die ihre elemente ebeneso genannt haben. in vis hast du dann 1 bis viele adapter, die ihr eigenes css mitbringen, dann noch css anweisungen im css reiter, die von den benutzern wild zusammenkopiert werden ohne zu verstehen was das genau macht. meistens klappt es auch, aber manchmal ist die fehlsersuche dann auch schwierig (es gibt da ja auch noch die vererbung von css-anweisungen an die kind elemente) wenn du herausfinden willst, woran es liegt, musst du mit den web developer tools deines browser das anschauen, woher die abweichende anweisung kommt.

@oliverio said in Vis2 umschaltbare Felder für verschieden Strings: Ohne es im Detail anhand deines Beispiels untersucht zu haben. Du kannst normale Elemente jeweils doppeln und übereinander legen. Das eine zeigt den true Zustand an, das andere den false Zustand. Welches dann am Ende sichtbar ist, steuerst du über die sichtbarkeitsregel der Widgets. Stimmt, das wäre auch eine Möglichkeit. 2 mal das gleiche Widget und dann über die Sichtbarkeit Anzeige lassen. ist etwas umständlich könnte aber funktionieren :thinking_face:

Hallo Zusammen, ich habe das Problem nicht mit lovelace sondern mit meinem Energiefluss-erweitert Adapter. Über Firefox kommt er die meiste Zeit problemlos rein - mit Chrome bleibt es bei der Ladeanimation hängen.

@homoran Hat sich erledigt, allerdings weiß ich nicht wieso... Ich habe noch node.js aktualisiert und dann gings wieder... Irgendwie magic...

@jojos Danke für den Hinweis! Das hab ich schon gefunden und probiert. Muss ich dann zum Umschalten auf diese Seite ein Script schreiben?

@oliverio Danke für den Typ! :the_horns: Das copy'n'paste der ID im exportierten Widget funktioniert hervorragend! 1x gesamte Zeile, mit den gewünschten Werten des 1. Sensors, in der gewünschten Optik, anlegen, gruppieren, Widget exportieren, im vernünftigen Texteditor (notepad++ z.B.) nur die ID "suchen und alle ersetzen", ggf. noch die Bezeichnung suchen und ersetzen (z.B. "Wohnzimmer" > "Schlafzimmer"), und das ganze wieder importieren. Wundert mich, dass es dafür nicht schon irgendeine schicke grafische Lösung als Adapter/Plugin/wieauchimmermandasnennt gibt. Ich bin ja sicher nicht der Einzige, der dieses "Problem" hat !? :thinking_face:

Hi. Bei mir werden keine Werte angezeigt. Was könnte das sein? [image: 1736789664807-tank3.png] [image: 1736789664619-tank2.png] [image: 1736789664411-tank1.png] [image: 1736789757096-tank4.png]

@homoran Ich bin ja nicht derjenige, der die Karteileiche geweckt hat ;-) Mein letzter Beitrag ging jedenfalls an den Erwecker ;-) [image: 1736777048989-056fba25-7254-4849-86db-77cfd47d99bd-image.png]

@ralfengelberth Mit VPN brauche ich die App nicht mehr. Ich aktiviere einfach VPN und nutze meine Vis im Browser.

@mcm1957 @Feuersturm @DieterB nein, der Adapter erfordert nicht den dunklem Modus oder die vis Einstellung eines dunklen Themas. Allerdings setzt der Adapter von selbst den Hintergrund der view immer auf Schwarz. daher ist es für Anwender, die eher auf eine helle vis stehen (ich spreche jetzt nicht vom vis edit mode, sondern die ihren Hintergrund hell halten), das der Adapter da grundlegende Eingriffe macht. Ich habe mal nochmal getestet und kann es immer noch nicht nachvollziehen, daher gehe ich davon aus, das es nochmal mit einem weiteren Adapter und dessen CSS irgendeine weitere Reaktion gibt. Leider ist das testen nicht ganz simpel und erfordert ein paar Arbeitsschritte in den developer Tools (am besten in Chrome) Evtl mag ja jemand mithelfen, da ich erst in die Behebung gehen kann, wenn das Problem identifiziert wurde. In vis neues Projekt erzeugen, so das gesichert ist, das in keinem weiteren widget irgendwelche CSS-Anweisungen oder über den css-Reiter (Projekt,Global) irgendwelche CSS-Anweisungen eingeschleust werden, Am besten auch das Theme "light" auswählen, so wie ich es in diesem Test gemacht habe. öffnen der Web-Developer Tools mit F12 Auf den Reiter sources gehen Im linken Bereich über die Baumstruktur die folgende Datei öffnen http://<adresse>:8082/vis/js/visEdit.js [image: 1736718187267-1fd0c0f1-4341-46e7-9f54-241e2120034f-image.png] wenn visEdit.js angezeigt wird zur Zeile 6555 gehen und einen Breakpoint setzen per Klick auf die Zeilennummer. Das müsste dann so aussehen [image: 1736716772708-6154b4fc-f7ad-4c99-a7b5-5c2dea287dc8-image.png] Dann im vis editbereich die rechte Maustaste drücken, das Kontextmenü erscheint und der Code-Ablauf stoppt bei 6555 Dann, den Reiter Elements auswählen, so das die Htmlstruktur sichtbar wird Dann das Element Selektortool auswählen und auf eine Zeile des erschienenen vis-Kontextmenüs gehen [image: 1736716903021-453a228e-bfa7-40c8-957e-bb51882de170-image.png] Das müsste dann so aussehen [image: 1736716926499-2f7946d4-4013-4ff3-ad10-6b96de0a405a-image.png] nach der Auswahl müsste dann das HTML-Element im Elementetab ebenfalls selektiert worden sein. Hier das span-Element, kann aber leicht abweichend sein, je nachdem was man mit dem selektor-Element tatsächlich erwischt. [image: 1736717039866-4d2340a1-636c-451e-a78d-70ababbbed36-image.png] Wir wollen aber das darüberliegende <li element haben, das dann per Klick auswählen [image: 1736717119435-10a9e9da-b4ad-411a-8122-f8c16eb03ee8-image.png] Im rechten Bereich der developer Tools werden die auf dieses Element wirkenden CSS-Styles angezeigt, dort dann aber auf den Reiter "computed" gehen [image: 1736717205060-820af97b-21d8-496d-97c0-7fb2c53c2ffa-image.png] Dort ein wenig runterscrollen zum filter-Feld und dort dann color eingeben [image: 1736717252744-efa9499b-8758-408d-a721-d63217d2aea2-image.png] Alle angezeigten Eigenschaften werden dann gefiltert, wenn sie color enthalten wiederum ein wenig runterscrollen, bis die Eigenschaft erscheint die nur color heißt und den kleinen Pfeil aufklappen. Genau diese Information benötige ich. [image: 1736717325030-72979886-6db4-44a2-ae3b-785b6e328cda-image.png] Nachdem ihr ein Screenshot gemacht habt, könnt ihr die Developer tools wieder schließen ggfs auch den breakpoint wieder entfernen. Hier sehen wir welche color-Anweisungen aus welcher Quelle sich miteinander überlagern. Ich gehe davon aus, das da bei euch noch mindestens ein weiterer Adapter mit angezeigt wird, kann aber auch bei jedem anderen Element zwischen dem span und dem li-Element ebenfalls liegen, aber wir probieren es mal damit. Sorry für die umfängliche Anleitung, aber so müsste das jeder relativ schnell (5Minuten) nachvollziehen können.