NEWS

Kann mir bitte jemand sagen, wie ich eine View oder HTML-Seite unterhalb jeder VIS-Seite einblenden kann?

Grundsätzlich geht das ja über "View im Widget". Dann kann allerdings nicht die neue Navigation genutzt werden.

Daher habe ich es über die Registerkarten-Funktion genutzt. Das funktioniert, aber nur, wenn man die Menüpunkte oben (horizontal) lässt. Sobald man auf vertikal umschaltet, geht es nicht mehr (eigentliche View wird nicht mehr angezeigt - wohl Bug.

Hat noch jemand eine Idee? Danke.

@stephan2k
Ja, das hilft, aber ich kenne mich leider auch nicht besonders gut mit CSS aus. Aber andere können vielleicht zu den Metro-Widgets etwas sagen.

Ich habe mal kurz versucht, beim CSS folgendes eintragen - dann unter Generell bei CSS-Klasse "test" eintragen.
Natürlich kannst du Test auch umbenennen 🙂

.test .metro { /* border: 0px #ff0000 solid !important;*/ border: 0px transparent solid !important; }

Aber das ist noch nicht alles, da gibt es noch ein Element weiter innen und ich kam auf die Schnelle da nicht dran.
Ist aber enorm was die Metro-Widgets hier als CSS-Styles definieren

@oliverio

Von der Logik her nicht unbedingt, aber ich habe dieses Binding in nav-button verwendet und müsste es entsprechend in html/css/js nochmals machen.

@sigi234

Hab das Widget jetzt mal gelöscht und neu reingezogen, ist immer noch das gleiche.. Ich raffs nicht wo das herkommt 🙈

Was meinst du mit DP? Datenpunkt? Der kommt von einem Javascript (Charge Control für e3dc)

Achso was ich nun auch festgestellt habe:
Wenn ich am Pc auf Runtime gehe, tritt dieser Effekt nicht auf. Am Handy iPhone 14 pro max verwende ich die Visu App. Finde dort aber auch keinerlei Einstellung die das irgendwie zum Thema hat.

@mabbi Gerne, bin nicht sicher was du mit „Release-fähig“meinst aber du findest den Adapter bereits seit geraumer Zeit auch im stable Repo.

@shl59

folgender Test, jeweils gleicher Client und gleicher Server und mit geleertem cache geladen (in chrome mit STRG + F5)
Die Werte konnten in den Chrome Web Developer Tools im Netzwerk Tab abgelesen werden.

Szenario 1:

Leeres Projekt ohne widgets
vis1:
537kb übers Netz transferiert, 2,2MB entpackt in 1,2 Sekunden
vis2:
4,8MB übers Netz transferiert, 20,4MB entpackt in 2,4 Sekunden

Szenario 2:

3 basic widgets (html,image,string)
vis1:
537kb übers Netz transferiert, 2,2MB entpackt in 1,6 Sekunden
vis2:
4,8MB übers Netz transferiert, 20,4MB entpackt in 2,4 Sekunden

Szenario 3:

3 basic widgets (html,image,string) + zusätzlicher Adapter (rssfeed ohne verknüpften feed
vis1: widget RSS Feed 2
558kb übers Netz transferiert, 2,3MB entpackt in 1,2 Sekunden
vis2: widget RSSFeed Widget
5MB übers Netz transferiert, 21,3MB entpackt in 2,8 Sekunden

Szenario 4:

Wie Szenario 3. Der View wurde gedoppelt und jeweils ein Navigation Button zum anderen View hinzugefügt

Initiales laden
vis1: widget RSS Feed 2
559kb übers Netz transferiert, 2,3MB entpackt in 1,3 Sekunden
vis2: widget RSSFeed Widget
5MB übers Netz transferiert, 21,3MB entpackt in 4,1 Sekunden

View-Wechsel
vis1: widget RSS Feed 2
keine veränderung
vis2: widget RSSFeed Widget
keine veränderung

Wie gesagt, das sind nur die Lade- und Renderzeiten für das erste laden. Wenn die Oberfläche mal läuft, dürften die Zeiten für das aktualisieren von States oder ein view Wechsel viel geringer sein, da ja alles bereits beim ersten mal schon geladen wurde,

@aproxxo ich hab dieses mittels flacher Vesa Halterung an der Wand, dahinter ist ein 4er Pi in der Wand. Bild kann ich später nachreichen

@minkhx sagte in Als Einsteiger - Mit welcher Visualisierung beginnen?:

@bananajoe said in Als Einsteiger - Mit welcher Visualisierung beginnen?:

In VIS1 / VIS2 hat jedes Gerät seine eigene Instanz-ID (bzw. man kann eine erzeugen),

und View-in-Widget klingt gut. Vielen Dank.

Da gibt es auch einige Videos die das erklären,
Ich habe so die Ansicht und die Navigation in 2 verschiedenen Views

@mcu

Vielen Dank 🙂

@austrogaucho sagte in iQontrol Backup:

der Button "benutzerdefinierte Dateien Exportieren" kündigt zwar das erstellen einer zip Datei an - nur die wird dann nicht erstellt....

hmm, bei mir klappts. dauert halt ein bißchen.
56defdc3-121c-4863-ba94-d8682836088c-grafik.png

@raspiuser said in Probleme mit Philips Hue Adapter DANKE- gelöst:

... wie so oft habe ich hier im Forum "mein Problem" gefunden und auch gleich die Lösung, Danke dafür !!

@wendy2702 ... ja, hier (https://github.com/iobroker-community-adapters/ioBroker.hue/issues/721) war jemand fleißig ...

Bei mir auch gerade, gleiches Problem, gleichen funktionierenden Workaround hier im Forum gefunden.
https://github.com/iobroker-community-adapters/ioBroker.hue/issues/737

Auch von mir DANKE!!

@ingo-2
setze mal dies:
0108afca-f506-4507-867b-92b1b703ec7c-image.png

@dasmoritz

Guten MOrgen, mir gefällt dein Batch, würdest du mir den zur Verfügung stellen? Bin noch ganz neu dabei und finde den Aufbau ganz schön.

@recaremo

Ja okay, ihr habt mich überzeugt 🙂

Es is wie mit allem... erst mal reinfuchsen .

@utze86

Was bedeutet Inaktivität für dich?
Dieser Mechanismus würde auf den View Wechsel reagieren, wenn du auf Data horchst. Dort steht ja der Name der View drin auf die gewechselt wurde. Command und Control könnte unter Umständen nicht funktionieren, weil ja jedes Mal uU dieselbe Information drin steht. Bin mir da aber nicht ganz sicher.
Dann musst du noch jedesmal einen 30 Sekunden Timer starten. Wenn der dann abgelaufen ist ohne, das erneut eine View gewechselt wurde,
Dann auf die Home View wechseln.

Aktuell startest du zwar eine 30 Sekunden Verzögerung, die wird aber nie abgebrochen, falls dann dazwischen doch noch eine Aktivität stattfindet.

Wenn du noch detaillierte auf, weil beispielsweise jemand länger wie 30 Sekunden in einem few, etwas betrachtet oder gar Knöpfe drückt, dann müsste man in vis noch etwas einbauen, was ebenfalls da in die Bewertung noch mit einfließen muss.

@roelli
unterschiedliche vis instanzen auf dem jeweiligen Gerät nutzen.
Per Sichtbarkeit der widgets arbeiten, in dem du unterschiedliche User anlegst.
Separate views für die jeweilige Geräte erstellen
Edit
Vllt hilft dies weiter
https://forum.iobroker.net/post/632421

@commander sagte in Jaeger design problem:

2.10.8

Es ist ein Dependency Fehler im Adapter. In 30 Minuten kommt jaeger-desing 1.4.2 und du brauchts dafür vis-2 2.12.9 oder 2.12.8

@mcm1957 sagte in Tipp zum ODL Adapter:

@crycode Release 5 build ist gescheiter falls du es noch nicht gesehen hast. engines >= 20 ist mit node.js 18 Tests nicht so ganz kompatibel :-). Ergo bitte noch TestMatrix anpassen. Node 24 kann da dafür schon testweise rein.

Huch, ja hab ich auch gerade gesehen. Fix ist unterwegs 🙂

Edit: Jetzt ist der Release aber durch. 😉

@topsurfer

Hi.
ich habe dir meine Vis per We Transfer Hochgeladen. https://we.tl/t-xFl5SCDjjk

Nicht wundern die Alarmview sieht anders aus. bzw. es fehlen Elemente. Habe mich für eine Ajax Alarmsystem entschieden, deswegen nicht mehr über die VIS. Sonst ist aber alles geblieben. Anbei die passenden Widget. Kannst du direkt als Widget impotieren

A)

[{"tpl":"tplVis-materialdesign-Card","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","titleLayout":"22","subtitleLayout":"","cardLayout":"Basic","cardStyle":"default","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"title":"<center>Meldungen","subtitle":" ","html":"","colorBackground":"#212121","colorTitleSectionBackground":"black","colorTitle":"white","colorSubtitle":"","colorTextSectionBackground":"","labelTextHeight":"","labelSubTextHeight":"20","class":"","showTitle":"true","titleFontFamily":"{vis-materialdesign.0.fonts.card.title}","showSubTitle":"true","subTitleFontFamily":"{vis-materialdesign.0.fonts.card.subTitle}","showText":"true","textFontSize":"{vis-materialdesign.0.fontSizes.card.text}","textFontFamily":"{vis-materialdesign.0.fonts.card.text}","refresh_oid_delay":"100","refresh_animation_duration":"150","colorBody":"{mode:vis-materialdesign.0.colors.darkTheme;light:vis-materialdesign.0.colors.light.card.text;dark:vis-materialdesign.0.colors.dark.card.text; mode === \"true\" ? dark : light}","clickType":"none","controlType":"link","listItemDataMethod":"inputPerEditor","showScrollbar":"true"},"style":{"left":"1034px","top":"166px","width":"317px","height":"450px","z-index":"1","border-radius":"5px","border-width":"2px","border-style":"none","border-color":"#7b7b8a","box-shadow":"0px 0px 20px 5px black"},"widgetSet":"materialdesign"}]

B)

[{"tpl":"tplVis-materialdesign-Button-Navigation-vertical","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttonStyle":"raised","vibrateOnMobilDevices":"50","textFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.button.vertical.text","textFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.button.vertical.text","alignment":"center","mdwButtonPrimaryColor":"#mdwTheme:vis-materialdesign.0.colors.button.vertical.primary","mdwButtonSecondaryColor":"#mdwTheme:vis-materialdesign.0.colors.button.vertical.secondary","iconPosition":"top","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"nav_view":"Auto","buttontext":"Auto","image":"car","iconHeight":"30","distanceBetweenTextAndImage":"8","imageColor":"#f09514","views":["3D_Drucker","Adapter","Alarmanlage","Anwesenheit","Außenbereich","Auto","Badezimmer","Bastelzimmer","Energieverbrauch","Flur","Fritz_Box","Garage","Home","HWR","Kalender","Kinderzimmer","Küche","Programme","Schlafzimmer","Server","Staubsauger","Verkehr","Weihnachten","Wetter","Wohnzimmer"]},"style":{"left":"437px","top":"8px","z-index":"49","background":"#29292e","width":"101px","height":"86px","border-style":"","border-width":"","border-color":"","border-radius":"10px"},"widgetSet":"materialdesign"}]

C)

[{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"views":["3D_Drucker","Adapter","Alarmanlage","Anwesenheit","Außenbereich","Auto","Badezimmer","Bastelzimmer","Energieverbrauch","Flur","Fritz_Box","Garage","HWR","Kameras","Kinderzimmer","Küche","Programme","Schlafzimmer","Server","Staubsauger","Verkehr","Weihnachten","Wetter","Wohnzimmer"]},"style":{"left":"11px","top":"419px","width":"190px","height":"5px","background":"blue","z-index":"50"},"widgetSet":"basic"}]