Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄

[ple]

@ullij Kurze Frage, könntest du vielleicht dein ganzen Projekt teilen? Ich hätte da sehr großes Interesse daran.

Gruß und Besten Dank.

[UlliJ]

@ple
würde ich gerne, ist aber wohl zu gross für das Forum und der Reimport funktioniert auch gerade nicht...möchte sehen was da exportiert wird.
Edit: alle Bilder und Schriftarten raus genommen, dann geht es
2024-10-20anonym.zip
Aber: vieles ist nicht fertig, geht noch nicht wie gewollt und ich habe Zweifel das Du damit froh wirst.
ich hatte schon mal etwas exportiert (https://forum.iobroker.net/topic/73231/zeigt-her-eure-vis2/29?_=1729318063625), hilft Dir das schon weiter?

Gruß

[iobroker2001]

@miwi So muss eine Visualisierung aussehen, gefällt mir sehr gut!

[Negalein]

@miwi sagte in Zeigt her eure Vis2:

Anzeige über Tablet eingebaut in der Seitenwange des Flurschranks.

könntest du für mich einen Export machen?

[miwi]

@negalein Gerne. Hier ist die Zip Datei mit dem View und den Grafiken. Aus Datenschutzgründen habe ich die benutzten Aktoren mit XXXX versehen.

Gruß

miwi

Viewmiwi.zip

[rallef]

@miwi Hallo,

wie kann ich die zip Datei in vis-2 importieren. Bekomme immer eine Fehler?

Danke

[sigi234]

@rallef sagte in Zeigt her eure Vis2:

@miwi Hallo,

wie kann ich die zip Datei in vis-2 importieren. Bekomme immer eine Fehler?

Danke

Zip entpacken und als VIEW importieren. Die Icons via Dateimanager hochladen

[Crazy32]

@miwi Sehr schönes Dashboard! Ich versuche mich gerade an der VIS2 :-) Welcher Symbol-Satz ist das? Und würdest Du mir Dein Zeit-Widget zur Verfügung stellen?

LG,
Markus

[miwi]

@crazy32 said in Zeigt her eure Vis2:

@miwi Sehr schönes Dashboard! Ich versuche mich gerade an der VIS2 :-) Welcher Symbol-Satz ist das? Und würdest Du mir Dein Zeit-Widget zur Verfügung stellen?

LG,
Markus

Symbole habe ich selbst erstellt.

Hier die Widgets für die Zeit-Kachel:

[{"tpl":"tplTwSimpleDate","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","prependZero":"true","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,"showWeekDay":true,"shortWeekDay":false,"monthWord":true,"noClass":true,"name":"Zeit Datum","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},"style":{"left":"557px","top":"137px","color":"#FFFFFF","z-index":"2","font-size":"14px","text-align":"center"},"widgetSet":"timeandweather"},{"tpl":"tplTwSimpleClock","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","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,"hideSeconds":true,"noClass":true,"name":"Zeit Uhrzeit","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},"style":{"left":"490px","top":"48px","color":"#FFFFFF","font-size":"80px","z-index":"2","text-align":"center","width":"300px"},"widgetSet":"timeandweather"},{"tpl":"tplValueString","data":{"oid":"hm-rega.0.12792","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","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,"name":"Zeit Sonnenuntergang","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},"style":{"left":"745px","top":"78px","width":"80px","height":"20px","color":"#FFFFFF","text-align":"right","font-size":"20px","z-index":"8"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"hm-rega.0.12719","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","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,"name":"Zeit Sonnenaufgang","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},"style":{"left":"458px","top":"78px","width":"97px","height":"20px","color":"#FFFFFF","font-size":"20px","z-index":"8"},"widgetSet":"basic"},{"tpl":"tplHtml","data":{"refreshInterval":"0","html":"Zeit","g_fixed":true,"g_visibility":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","g_gestures":false,"g_css_background":false,"g_css_border":false,"g_css_shadow_padding":false,"g_signals":false,"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,"name":"Schriftzug Zeit","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},"style":{"left":"447px","top":"15px","width":"","height":"","z-index":2,"overflow-x":"","overflow-y":"","opacity":"","color":"#a8a8a8","text-align":"left","font-size":"30px","transform":"","font-weight":"bold"},"widgetSet":"basic"},{"tpl":"tplImage","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","refreshOnWakeUp":"false","refreshOnViewChange":"false","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,"src":"/vis.0/img/miwi Grafik/Sonnenaufgang.png","stretch":true,"name":"Zeit Sonnenaufgang Piktogram","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},"style":{"left":"458px","top":"104px","width":"50px","height":"20px","z-index":"8"},"widgetSet":"basic"},{"tpl":"tplImage","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","refreshOnWakeUp":"false","refreshOnViewChange":"false","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,"src":"/vis.0/img/miwi Grafik/Sonnenuntergang.png","stretch":true,"name":"Zeit Sonnenuntergang Piktogram","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},"style":{"left":"775px","top":"104px","width":"50px","height":"20px","z-index":"8"},"widgetSet":"basic"},{"tpl":"tplImage","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,"refreshInterval":"0","refreshOnWakeUp":"false","refreshOnViewChange":"false","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,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","src":"","stretch":false,"name":"Rahmen Zeit","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},"style":{"left":"435px","top":"10px","width":"410px","height":"160px","z-index":"0","background":"","background-color":"#202020"},"widgetSet":"basic"}]

[Crazy32]

@miwi Danke :-) Gerade Deine Symbole für Sonnenauf- und untergang haben es mir angetan, hat bestimmt viel Arbeit gemacht. Wärst Du bereit die auch zu teilen?

[miwi]

@crazy32 said in Zeigt her eure Vis2:

@miwi Danke :-) Gerade Deine Symbole für Sonnenauf- und untergang haben es mir angetan, hat bestimmt viel Arbeit gemacht. Wärst Du bereit die auch zu teilen?

[ralalla]

@agreen
Wäre es möglich die View`s noch mal zu teilen?
Sind über den Link nicht mehr verfügbar.

[agreen]

@ralalla

habs nochmal hochgeladen
Link

[ralalla]

Super, Danke.

[Flexer]

Hallo in die Runde,

jetzt will ich auch mal kurz meine Mini Vis vorstellen. Dieses Mal nicht so aufwendig und umfangreich. Bauzeit ca. 3 Stunden. Es sind noch mehr Views vorhanden, die poste ich aber nicht da es die Kamerabilder vom Außenbereich zeigt.

Video als Bildschirmschoner, wird angezeigt wenn der Serverschrank geschlossen ist und der BWM im Raum aktiv ist.

Erste Seite, wenn die Tür geöffnet wird.

Adguard

USV

Netzwerk Unifi

Hier der Serverschrank

Und ja mein Duty Cycle ist gerade zu hoch ;) I know ;)

[io2345]

@ullij Wo bzw. wie werden die txt Dateien eingefügt?

[UlliJ]

@io2345
im Editor "Seite importieren"

• den Inhalt der Textdateien ins Eingabefenster kopieren

• Namen festlegen (wie Textdatei)
  ...fertig.

wie bereits oben geschrieben, da könnte CSS für die Animation der SVG's fehlen. Manchmal habe ich es im Widget mit drin, manchmal nicht.

[io2345]

@ullij Prima, Danke. Das geht ja eigentlich ganz einfach.
Ist noch ziemlich leer, wahrscheinlich das "Grundgerüst". Und man muss die einzelnen Einträge noch seinen Datenpunkten zuweisen (würd ich vermuten). Mal sehen, wie das geht. Als kompletter Anfänger ist man da schon mal ganz schön gefordert...
Dann steht da noch: CSS für die Lade/Entladeanimation ins Projekt kopieren. Wo muss das genau hin?

Ich glaub ich bräuchte einen Thread für simple Anfängerfragen - z.B. wie erreiche ich einen einzelnen Wert, der hinter einer Fläche liegt? Gibt es so einen Thread für vis-2?

[UlliJ]

@io2345
mach doch einen eigenen Thread auf. Da helfe ich gerne weiter

[Peks200]

Da ich mit iQontrol langsam an die Grenzen gestoßen bin was das UI angeht habe ich mich mit VIS 2 beschäftigt und mich dort ein bisschen ausgetobt :)
Hier seht ihr das Ergebnis und kann gerne als Inspiration genutzt werden um eine VIS optisch in Richtung "Smartphone App" aufzubauen.

Wichtig war mir ein durchgängig einheitliches Design und alles in der VIS bedienen zu können.