@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.

@papjurek Hab mal ChatGPT gefragt NUR ALS HINTERGRUND nicht alles umsetzen Sprachzugriff aktivieren Wenn der Menüpunkt nur auf Englisch verfügbar ist: Stelle die Systemsprache deines Fire HD auf Englisch: Settings (Einstellungen) > Device Options > Language & Keyboard (Sprache & Tastatur) > Language (Sprache) und wähle Englisch. Danach sollte der Menüpunkt für den Sprachzugriff verfügbar sein. Schau unter: Settings > Alexa > Hands-Free Mode oder Settings > Accessibility (Bedienungshilfen), je nach Gerät. Aktiviere die Sprachsteuerung oder das Mikrofon und stelle die Spracheinstellungen ggf. wieder zurück. 2. Mikrofonberechtigung auf "Immer" setzen Bei Fire OS gibt es oft Einschränkungen bei Berechtigungen. Versuche Folgendes: Manuelle Berechtigungsverwaltung: Gehe zu Settings > Apps & Notifications > Manage All Applications. Wähle die betreffende App aus. Unter Permissions (Berechtigungen) kannst du das Mikrofon explizit aktivieren. Wenn „Immer“ nicht verfügbar ist, könnte dies an Fire OS liegen, das standardmäßig „Nur bei Benutzung der App“ bevorzugt. Privatsphäre-Einstellungen prüfen: Gehe zu Settings > Privacy & Security (Datenschutz & Sicherheit). Suche nach Einstellungen für App Permissions oder Privacy Dashboard. Überprüfe dort die Mikrofon-Berechtigungen für die App. 3. Software-Update überprüfen Ein veraltetes Fire OS könnte die Einschränkungen verursachen. Gehe zu: Settings > Device Options > System Updates. Installiere die neueste Version von Fire OS, falls verfügbar. 4. Alexa-Sprachsteuerung und Mikrofonprobleme Falls es sich speziell um Alexa handelt: Überprüfe in Settings > Alexa > Privacy, ob Einschränkungen aktiviert sind. Stelle sicher, dass dein Gerät mit einem Amazon-Konto verknüpft ist und der Alexa-Dienst aktiviert wurde. 5. Letzter Ausweg: Factory Reset Falls nichts funktioniert: Erstelle ein Backup deiner Daten. Gehe zu Settings > Device Options > Reset to Factory Defaults. Nach dem Zurücksetzen richte das Gerät neu ein und prüfe die Berechtigungen erneut.

@dgr eigentlich suche ich nur ein Widget, das rechteckig in variabler Größe ist und in der Fläche farblich den Zustand des Objekts darstellt. Also true/false in frei wählbaren Farben. Lösung: vis-inventwo Background Small ????? Error Sorry, your IP address has been banned from this community. If you feel this is in error, please contact an administrator.

@mcu Mit "Always hide Keyboard" bleibt die View stehen, ich kann aber keine Werte ändern. Auch im Bring-Widget fehlt das Keyboard. Das hat also nichts gebracht. Schade.

@oliverio said in VIS-1 : View in Widget scrollen: @triplex du muss overflow auf scroll einstellen. overflow:visible bedeuted, das wenn der inhalt eines elements größer als das umgreifende element (widget ist), wird es trotzdem in der größe angezeigt. https://developer.mozilla.org/en-US/docs/Web/CSS/overflow wenn ich es richtig verstanden habe, willst du aber bspw in einem widget mit 300x300 px einen inhalt anzeigen, der 1000x1000px ist und in diesem guckfenster den inhalt dann scrollen die anzeige der scrollbalken mit https://jsfiddle.net/oweitman/t96y5cLp/2/ Ja genau, so wollte ich es haben. Nur halt horizontal. Danke für den Tip.

@homoran said in Bilder in vis einfügen: @triplex auch mal mit inkognito Tab getestet? Darüber funktioniert es. Was muss/kann ich denn jetzt machen, damit es auch ganz normal wieder läuft? EDIT: Ich weiß nicht was ich jetzt gemacht habe, eigentlich garnichts, aber jetzt geht es wieder.

Moin ich hänge mich hier mal dran... Ich habe ein Diagramm auch auf Balken umgestellt. Aufgefallen ist mir dabei, dass an der X-Achse das Datum nicht stimmt. Es ist immer einen Tag im vorraus. (heute ist der 10.1.) Das System Datum ist richtig eingestellt. Und bei den Liniendiagrammen stimmt es. Muß ich da irgendein Setting anpassen? [image: 1736498435386-balken.jpg]

@sigi234 said in Widget Lautstärkeregler: @triplex Welche VIS Version? VIS1.5.6