Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Suche: Eine VIS als Vorlage

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    11
    1
    491

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.6k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.6k

Suche: Eine VIS als Vorlage

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
36 Beiträge 14 Kommentatoren 36.6k Aufrufe 20 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • ? Ein ehemaliger Benutzer

    @Chaot

    Zumindestens bin ich beschäftigt :)
    Aber ich melde mich dann, wenn ich Fragen zur Einbindung in meine VIS-Umgebung habe :)

    Alina

    ChaotC Offline
    ChaotC Offline
    Chaot
    schrieb am zuletzt editiert von
    #4

    @Alina Gerne doch.
    Noch ein kleiner Hinweis:
    Wenn du eine VIS gefunden hast die dir gefällt und du hast dazu Fragen dann gehe bei dem entsprechenden Beitrag auf Antworten. Dann wird direkt der Ersteller informiert und angesprochen. Der kann dir dann am Besten weiterhelfen.
    Ansonsten gibt es noch irgendwo ein Tutorial Video das recht gut gemacht ist. Aber ich finde dazu leider den Link nicht mehr.

    ioBroker auf NUC unter Proxmox; VIS: 12" Touchscreen und 17" Touch; Lichtsteuerung, Thermometer und Sensoren: Tasmota (39); Ambiente Beleuchtung: WLED (9); Heizung: DECT Thermostate (9) an Fritz 6690; EMS-ESP; 1 Echo V2; 3 Echo DOT; 1 Echo Connect; 2 Echo Show 5; Unifi Ap-Ac Lite.

    ? 1 Antwort Letzte Antwort
    0
    • ChaotC Chaot

      @Alina Gerne doch.
      Noch ein kleiner Hinweis:
      Wenn du eine VIS gefunden hast die dir gefällt und du hast dazu Fragen dann gehe bei dem entsprechenden Beitrag auf Antworten. Dann wird direkt der Ersteller informiert und angesprochen. Der kann dir dann am Besten weiterhelfen.
      Ansonsten gibt es noch irgendwo ein Tutorial Video das recht gut gemacht ist. Aber ich finde dazu leider den Link nicht mehr.

      ? Offline
      ? Offline
      Ein ehemaliger Benutzer
      schrieb am zuletzt editiert von
      #5

      @Chaot

      Danke Dir. Wo ich etwas gerade feststecke, ist der Aufbau einer schönen Rahmenanwendung; also den Frame mit den Navigations-Buttons. Da gibt es so tolle und ich suche da so etwas eine Tipp, wie ich davon eine bei mir reinbekomme. Datenpunkt auslesen und das stueren habe ich schon recht gut im Griff.

      Ich stecke weniger an den Funktionen als der Optik

      Und ja, als Mädel will ich es hübsch :)

      ChaotC B 2 Antworten Letzte Antwort
      0
      • ? Ein ehemaliger Benutzer

        @Chaot

        Danke Dir. Wo ich etwas gerade feststecke, ist der Aufbau einer schönen Rahmenanwendung; also den Frame mit den Navigations-Buttons. Da gibt es so tolle und ich suche da so etwas eine Tipp, wie ich davon eine bei mir reinbekomme. Datenpunkt auslesen und das stueren habe ich schon recht gut im Griff.

        Ich stecke weniger an den Funktionen als der Optik

        Und ja, als Mädel will ich es hübsch :)

        ChaotC Offline
        ChaotC Offline
        Chaot
        schrieb am zuletzt editiert von
        #6

        @Alina Ich verwende zur Navigation Buttons:
        VIS1.png
        die ich auf einer eigenen View zusammenstelle und diese dann in die entsprechenden anderen Views einbinde:
        VIS2.png

        ioBroker auf NUC unter Proxmox; VIS: 12" Touchscreen und 17" Touch; Lichtsteuerung, Thermometer und Sensoren: Tasmota (39); Ambiente Beleuchtung: WLED (9); Heizung: DECT Thermostate (9) an Fritz 6690; EMS-ESP; 1 Echo V2; 3 Echo DOT; 1 Echo Connect; 2 Echo Show 5; Unifi Ap-Ac Lite.

        ? M KusselinK 3 Antworten Letzte Antwort
        0
        • ChaotC Chaot

          @Alina Ich verwende zur Navigation Buttons:
          VIS1.png
          die ich auf einer eigenen View zusammenstelle und diese dann in die entsprechenden anderen Views einbinde:
          VIS2.png

          ? Offline
          ? Offline
          Ein ehemaliger Benutzer
          schrieb am zuletzt editiert von
          #7

          @Chaot Ah okay, ich versteh. Das klingt ja doch eher "einfach"; diese klassische Navigation wie auch von Webpages :)

          Danke Dir - dachte es gibt da eine besondere Sache :)

          ChaotC 1 Antwort Letzte Antwort
          0
          • ? Ein ehemaliger Benutzer

            @Chaot Ah okay, ich versteh. Das klingt ja doch eher "einfach"; diese klassische Navigation wie auch von Webpages :)

            Danke Dir - dachte es gibt da eine besondere Sache :)

            ChaotC Offline
            ChaotC Offline
            Chaot
            schrieb am zuletzt editiert von
            #8

            @Alina
            Ja, im Grunde so.
            Durch den Trick mit der eingebundenen View kann ich problemlos die Navigationsbuttons austauschen ohne dann alle anderen Views zu bearbeiten.
            Die Buttons haben die Besonderheit das sich eigene Bilder einbinden lassen. Dadurch kann man die Gestaltung recht flexibel halten.
            Hier mal der Navigationsview als Beispiel wenn du möchtest:

            {
             "settings": {
               "style": {
                 "background-color": "#4ae60a"
               },
               "theme": "redmond",
               "sizex": "",
               "sizey": "",
               "gridSize": "",
               "snapType": null,
               "useBackground": false
             },
             "widgets": {
               "e00001": {
                 "tpl": "tplJquiIconNav",
                 "data": {
                   "g_fixed": false,
                   "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,
                   "g_last_change": 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,
                   "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,
                   "src": "/heatingcontrol.admin/heatingcontrol.png",
                   "nav_view": "Heizung",
                   "text": "Heizung",
                   "imageHeight": "74"
                 },
                 "style": {
                   "left": "245px",
                   "top": "5px",
                   "color": "#1a1e15",
                   "font-family": "Jura-DemiBold"
                 },
                 "widgetSet": "jqui"
               },
               "e00002": {
                 "tpl": "tplJquiIconNav",
                 "data": {
                   "g_fixed": false,
                   "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,
                   "g_last_change": 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,
                   "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,
                   "src": "/vis.0/Aquarium1Mittag.png",
                   "imageHeight": "74",
                   "nav_view": "Aquarium",
                   "text": "Aquarium"
                 },
                 "style": {
                   "left": "725px",
                   "top": "5px",
                   "color": "#1a1e15",
                   "font-family": "Jura-DemiBold",
                   "text-align": "center"
                 },
                 "widgetSet": "jqui"
               },
               "e00003": {
                 "tpl": "tplJquiIconNav",
                 "data": {
                   "g_fixed": false,
                   "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,
                   "g_last_change": 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,
                   "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,
                   "src": "/alexa2.admin/icons/echo_dot.png",
                   "imageHeight": "74",
                   "nav_view": "Alexa",
                   "text": "Alexa"
                 },
                 "style": {
                   "left": "485px",
                   "top": "5px",
                   "color": "#1a1e15",
                   "font-family": "Jura-DemiBold"
                 },
                 "widgetSet": "jqui"
               },
               "e00004": {
                 "tpl": "tplJquiIconNav",
                 "data": {
                   "g_fixed": false,
                   "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,
                   "g_last_change": 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,
                   "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,
                   "src": "/icons-open-icon-library-png/apps/cameramonitor.png",
                   "nav_view": "Ausgang",
                   "text": "Haustür",
                   "imageHeight": "74"
                 },
                 "style": {
                   "left": "405px",
                   "top": "5px",
                   "color": "#1a1e15",
                   "font-family": "Jura-DemiBold"
                 },
                 "widgetSet": "jqui"
               },
               "e00005": {
                 "tpl": "tplJquiIconNav",
                 "data": {
                   "g_fixed": false,
                   "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,
                   "g_last_change": 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,
                   "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,
                   "src": "/icons-open-icon-library-png/status/user-away.png",
                   "nav_view": "Uhr",
                   "text": "Uhr",
                   "imageHeight": "74"
                 },
                 "style": {
                   "left": "805px",
                   "top": "5px",
                   "color": "#1a1e15",
                   "font-family": "Jura-DemiBold"
                 },
                 "widgetSet": "jqui"
               },
               "e00006": {
                 "tpl": "tplJquiIconNav",
                 "data": {
                   "g_fixed": false,
                   "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,
                   "g_last_change": 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,
                   "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,
                   "src": "/icons-open-icon-library-png/status/weather-clouds.png",
                   "nav_view": "Wett",
                   "text": "Wetter",
                   "imageHeight": "74"
                 },
                 "style": {
                   "left": "325px",
                   "top": "5px",
                   "color": "#1a1e15",
                   "font-family": "Jura-DemiBold"
                 },
                 "widgetSet": "jqui"
               },
               "e00007": {
                 "tpl": "tplJquiIconNav",
                 "data": {
                   "g_fixed": false,
                   "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,
                   "g_last_change": 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,
                   "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,
                   "src": "/icons-open-icon-library-png/actions/view-preview.png",
                   "nav_view": "Programm",
                   "text": "Programm",
                   "imageHeight": "74"
                 },
                 "style": {
                   "left": "645px",
                   "top": "5px",
                   "color": "#1a1e15",
                   "font-family": "Jura-DemiBold",
                   "font-size": ""
                 },
                 "widgetSet": "jqui"
               },
               "e00008": {
                 "tpl": "tplJquiIconNav",
                 "data": {
                   "g_fixed": false,
                   "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,
                   "g_last_change": 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,
                   "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,
                   "src": "/icons-open-icon-library-png/actions/view-process-own.png",
                   "nav_view": "News",
                   "text": "News",
                   "imageHeight": "74"
                 },
                 "style": {
                   "left": "565px",
                   "top": "5px",
                   "color": "#1a1e15",
                   "font-family": "Jura-DemiBold"
                 },
                 "widgetSet": "jqui"
               },
               "e00009": {
                 "tpl": "tplJquiIconNav",
                 "data": {
                   "g_fixed": false,
                   "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,
                   "g_last_change": 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,
                   "src": "/icons-open-icon-library-png/actions/go-home-3.png",
                   "nav_view": "Info",
                   "text": "Info",
                   "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,
                   "imageHeight": "74"
                 },
                 "style": {
                   "left": "5px",
                   "top": "5px",
                   "color": "#1a1e15",
                   "font-family": "Jura-DemiBold"
                 },
                 "widgetSet": "jqui"
               },
               "e00010": {
                 "tpl": "tplJquiIconNav",
                 "data": {
                   "g_fixed": false,
                   "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,
                   "g_last_change": 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,
                   "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,
                   "src": "/icons-open-icon-library-png/actions/help-hint.png",
                   "nav_view": "Licht",
                   "text": "Licht",
                   "imageHeight": "74"
                 },
                 "style": {
                   "left": "85px",
                   "top": "5px",
                   "color": "#1a1e15",
                   "font-family": "Jura-DemiBold"
                 },
                 "widgetSet": "jqui"
               },
               "e00011": {
                 "tpl": "tplJquiIconNav",
                 "data": {
                   "g_fixed": false,
                   "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,
                   "g_last_change": 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,
                   "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,
                   "src": "/icons-open-icon-library-png/apps/system-wifi.png",
                   "nav_view": "Netzwerk",
                   "text": "System",
                   "imageHeight": "74"
                 },
                 "style": {
                   "left": "165px",
                   "top": "5px",
                   "color": "#1a1e15",
                   "font-family": "Jura-DemiBold"
                 },
                 "widgetSet": "jqui"
               },
               "e00012": {
                 "tpl": "tplJquiIconNav",
                 "data": {
                   "g_fixed": false,
                   "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,
                   "g_last_change": 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,
                   "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,
                   "src": "/icons-open-icon-library-png/devices/network-wireless-2.png",
                   "nav_view": "WLan",
                   "text": "Netzwerk",
                   "imageHeight": "74"
                 },
                 "style": {
                   "left": "885px",
                   "top": "5px",
                   "color": "#1a1e15",
                   "font-family": "Jura-DemiBold"
                 },
                 "widgetSet": "jqui"
               },
               "e00013": {
                 "tpl": "tplIconLink",
                 "data": {
                   "g_fixed": false,
                   "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,
                   "g_last_change": 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,
                   "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,
                   "src": "/icons-open-icon-library-png/actions/view-refresh-7.png",
                   "imageHeight": "74",
                   "href": "javascript:window.location.reload(true);",
                   "visibility-cond": "==",
                   "visibility-val": 1,
                   "visibility-groups-action": "hide",
                   "text": "Reload"
                 },
                 "style": {
                   "left": "1045px",
                   "top": "5px",
                   "width": "75px",
                   "height": "75px",
                   "color": "#1a1e15",
                   "font-family": "Jura-DemiBold"
                 },
                 "widgetSet": "jqui"
               },
               "e00014": {
                 "tpl": "tplJquiIconNav",
                 "data": {
                   "g_fixed": false,
                   "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,
                   "g_last_change": 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,
                   "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,
                   "src": "/vis.0/Lebensmittelwarnung_icon.png",
                   "nav_view": "Lebensmittel",
                   "text": "Warnung",
                   "imageHeight": "74"
                 },
                 "style": {
                   "left": "965px",
                   "top": "5px",
                   "color": "#1a1e15",
                   "font-family": "Jura-DemiBold"
                 },
                 "widgetSet": "jqui"
               }
             },
             "name": "NAV",
             "filterList": []
            }
            

            Als View importieren.

            ioBroker auf NUC unter Proxmox; VIS: 12" Touchscreen und 17" Touch; Lichtsteuerung, Thermometer und Sensoren: Tasmota (39); Ambiente Beleuchtung: WLED (9); Heizung: DECT Thermostate (9) an Fritz 6690; EMS-ESP; 1 Echo V2; 3 Echo DOT; 1 Echo Connect; 2 Echo Show 5; Unifi Ap-Ac Lite.

            ? KusselinK 2 Antworten Letzte Antwort
            0
            • ChaotC Chaot

              @Alina
              Ja, im Grunde so.
              Durch den Trick mit der eingebundenen View kann ich problemlos die Navigationsbuttons austauschen ohne dann alle anderen Views zu bearbeiten.
              Die Buttons haben die Besonderheit das sich eigene Bilder einbinden lassen. Dadurch kann man die Gestaltung recht flexibel halten.
              Hier mal der Navigationsview als Beispiel wenn du möchtest:

              {
               "settings": {
                 "style": {
                   "background-color": "#4ae60a"
                 },
                 "theme": "redmond",
                 "sizex": "",
                 "sizey": "",
                 "gridSize": "",
                 "snapType": null,
                 "useBackground": false
               },
               "widgets": {
                 "e00001": {
                   "tpl": "tplJquiIconNav",
                   "data": {
                     "g_fixed": false,
                     "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,
                     "g_last_change": 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,
                     "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,
                     "src": "/heatingcontrol.admin/heatingcontrol.png",
                     "nav_view": "Heizung",
                     "text": "Heizung",
                     "imageHeight": "74"
                   },
                   "style": {
                     "left": "245px",
                     "top": "5px",
                     "color": "#1a1e15",
                     "font-family": "Jura-DemiBold"
                   },
                   "widgetSet": "jqui"
                 },
                 "e00002": {
                   "tpl": "tplJquiIconNav",
                   "data": {
                     "g_fixed": false,
                     "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,
                     "g_last_change": 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,
                     "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,
                     "src": "/vis.0/Aquarium1Mittag.png",
                     "imageHeight": "74",
                     "nav_view": "Aquarium",
                     "text": "Aquarium"
                   },
                   "style": {
                     "left": "725px",
                     "top": "5px",
                     "color": "#1a1e15",
                     "font-family": "Jura-DemiBold",
                     "text-align": "center"
                   },
                   "widgetSet": "jqui"
                 },
                 "e00003": {
                   "tpl": "tplJquiIconNav",
                   "data": {
                     "g_fixed": false,
                     "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,
                     "g_last_change": 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,
                     "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,
                     "src": "/alexa2.admin/icons/echo_dot.png",
                     "imageHeight": "74",
                     "nav_view": "Alexa",
                     "text": "Alexa"
                   },
                   "style": {
                     "left": "485px",
                     "top": "5px",
                     "color": "#1a1e15",
                     "font-family": "Jura-DemiBold"
                   },
                   "widgetSet": "jqui"
                 },
                 "e00004": {
                   "tpl": "tplJquiIconNav",
                   "data": {
                     "g_fixed": false,
                     "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,
                     "g_last_change": 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,
                     "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,
                     "src": "/icons-open-icon-library-png/apps/cameramonitor.png",
                     "nav_view": "Ausgang",
                     "text": "Haustür",
                     "imageHeight": "74"
                   },
                   "style": {
                     "left": "405px",
                     "top": "5px",
                     "color": "#1a1e15",
                     "font-family": "Jura-DemiBold"
                   },
                   "widgetSet": "jqui"
                 },
                 "e00005": {
                   "tpl": "tplJquiIconNav",
                   "data": {
                     "g_fixed": false,
                     "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,
                     "g_last_change": 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,
                     "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,
                     "src": "/icons-open-icon-library-png/status/user-away.png",
                     "nav_view": "Uhr",
                     "text": "Uhr",
                     "imageHeight": "74"
                   },
                   "style": {
                     "left": "805px",
                     "top": "5px",
                     "color": "#1a1e15",
                     "font-family": "Jura-DemiBold"
                   },
                   "widgetSet": "jqui"
                 },
                 "e00006": {
                   "tpl": "tplJquiIconNav",
                   "data": {
                     "g_fixed": false,
                     "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,
                     "g_last_change": 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,
                     "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,
                     "src": "/icons-open-icon-library-png/status/weather-clouds.png",
                     "nav_view": "Wett",
                     "text": "Wetter",
                     "imageHeight": "74"
                   },
                   "style": {
                     "left": "325px",
                     "top": "5px",
                     "color": "#1a1e15",
                     "font-family": "Jura-DemiBold"
                   },
                   "widgetSet": "jqui"
                 },
                 "e00007": {
                   "tpl": "tplJquiIconNav",
                   "data": {
                     "g_fixed": false,
                     "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,
                     "g_last_change": 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,
                     "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,
                     "src": "/icons-open-icon-library-png/actions/view-preview.png",
                     "nav_view": "Programm",
                     "text": "Programm",
                     "imageHeight": "74"
                   },
                   "style": {
                     "left": "645px",
                     "top": "5px",
                     "color": "#1a1e15",
                     "font-family": "Jura-DemiBold",
                     "font-size": ""
                   },
                   "widgetSet": "jqui"
                 },
                 "e00008": {
                   "tpl": "tplJquiIconNav",
                   "data": {
                     "g_fixed": false,
                     "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,
                     "g_last_change": 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,
                     "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,
                     "src": "/icons-open-icon-library-png/actions/view-process-own.png",
                     "nav_view": "News",
                     "text": "News",
                     "imageHeight": "74"
                   },
                   "style": {
                     "left": "565px",
                     "top": "5px",
                     "color": "#1a1e15",
                     "font-family": "Jura-DemiBold"
                   },
                   "widgetSet": "jqui"
                 },
                 "e00009": {
                   "tpl": "tplJquiIconNav",
                   "data": {
                     "g_fixed": false,
                     "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,
                     "g_last_change": 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,
                     "src": "/icons-open-icon-library-png/actions/go-home-3.png",
                     "nav_view": "Info",
                     "text": "Info",
                     "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,
                     "imageHeight": "74"
                   },
                   "style": {
                     "left": "5px",
                     "top": "5px",
                     "color": "#1a1e15",
                     "font-family": "Jura-DemiBold"
                   },
                   "widgetSet": "jqui"
                 },
                 "e00010": {
                   "tpl": "tplJquiIconNav",
                   "data": {
                     "g_fixed": false,
                     "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,
                     "g_last_change": 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,
                     "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,
                     "src": "/icons-open-icon-library-png/actions/help-hint.png",
                     "nav_view": "Licht",
                     "text": "Licht",
                     "imageHeight": "74"
                   },
                   "style": {
                     "left": "85px",
                     "top": "5px",
                     "color": "#1a1e15",
                     "font-family": "Jura-DemiBold"
                   },
                   "widgetSet": "jqui"
                 },
                 "e00011": {
                   "tpl": "tplJquiIconNav",
                   "data": {
                     "g_fixed": false,
                     "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,
                     "g_last_change": 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,
                     "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,
                     "src": "/icons-open-icon-library-png/apps/system-wifi.png",
                     "nav_view": "Netzwerk",
                     "text": "System",
                     "imageHeight": "74"
                   },
                   "style": {
                     "left": "165px",
                     "top": "5px",
                     "color": "#1a1e15",
                     "font-family": "Jura-DemiBold"
                   },
                   "widgetSet": "jqui"
                 },
                 "e00012": {
                   "tpl": "tplJquiIconNav",
                   "data": {
                     "g_fixed": false,
                     "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,
                     "g_last_change": 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,
                     "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,
                     "src": "/icons-open-icon-library-png/devices/network-wireless-2.png",
                     "nav_view": "WLan",
                     "text": "Netzwerk",
                     "imageHeight": "74"
                   },
                   "style": {
                     "left": "885px",
                     "top": "5px",
                     "color": "#1a1e15",
                     "font-family": "Jura-DemiBold"
                   },
                   "widgetSet": "jqui"
                 },
                 "e00013": {
                   "tpl": "tplIconLink",
                   "data": {
                     "g_fixed": false,
                     "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,
                     "g_last_change": 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,
                     "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,
                     "src": "/icons-open-icon-library-png/actions/view-refresh-7.png",
                     "imageHeight": "74",
                     "href": "javascript:window.location.reload(true);",
                     "visibility-cond": "==",
                     "visibility-val": 1,
                     "visibility-groups-action": "hide",
                     "text": "Reload"
                   },
                   "style": {
                     "left": "1045px",
                     "top": "5px",
                     "width": "75px",
                     "height": "75px",
                     "color": "#1a1e15",
                     "font-family": "Jura-DemiBold"
                   },
                   "widgetSet": "jqui"
                 },
                 "e00014": {
                   "tpl": "tplJquiIconNav",
                   "data": {
                     "g_fixed": false,
                     "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,
                     "g_last_change": 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,
                     "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,
                     "src": "/vis.0/Lebensmittelwarnung_icon.png",
                     "nav_view": "Lebensmittel",
                     "text": "Warnung",
                     "imageHeight": "74"
                   },
                   "style": {
                     "left": "965px",
                     "top": "5px",
                     "color": "#1a1e15",
                     "font-family": "Jura-DemiBold"
                   },
                   "widgetSet": "jqui"
                 }
               },
               "name": "NAV",
               "filterList": []
              }
              

              Als View importieren.

              ? Offline
              ? Offline
              Ein ehemaliger Benutzer
              schrieb am zuletzt editiert von
              #9

              @Chaot Wow, vielen Dank. Das hilft mir sehr weiter. Ich kann so mit dem Theorie-Kram nix anfangen. Ich muss das immer sehen, mal ändern und dann sehen, was passiert :)

              Vielleicht ne andere Frage, wenn ich darf: Ich suche ein paar schicke Widgets für Haushaltsgeräte. Aktuell gerade für die Waschmaschine und Trockner.
              Hast Du gaaaaaaanz zufällig zur Hand :)

              Alina

              1 Antwort Letzte Antwort
              0
              • ? Ein ehemaliger Benutzer

                @Chaot

                Danke Dir. Wo ich etwas gerade feststecke, ist der Aufbau einer schönen Rahmenanwendung; also den Frame mit den Navigations-Buttons. Da gibt es so tolle und ich suche da so etwas eine Tipp, wie ich davon eine bei mir reinbekomme. Datenpunkt auslesen und das stueren habe ich schon recht gut im Griff.

                Ich stecke weniger an den Funktionen als der Optik

                Und ja, als Mädel will ich es hübsch :)

                B Offline
                B Offline
                Buchi
                schrieb am zuletzt editiert von Buchi
                #10

                @Alina said in Suche: Eine VIS als Vorlage:

                @Chaot

                Und ja, als Mädel will ich es hübsch :)

                Das wird jetzt natürlich schwierig, da "hübsch" so relativ ist :innocent:

                Ich habe es gerne klar, einfach und übersichtlich. Gelingt nicht immer aber oft. Der obere und untere Bereich (Header / Footer) sind fest und in der Mitte (Content) kann gescrolled werden. Dadurch habe ich ein einheitliches Design und bin vom Inhalt doch flexibel.

                Meine VIS ist in erster Linie informativ, da die ganzen Logiken im ioBroker liegen und nach Möglichkeit alles automatisiert geschehen soll. Wenn das nicht möglich ist, dann gibt es ja noch Alexa und die schönen hue Buttons :sunglasses:

                Also beschreibe doch mal was für Dich hübsch bedeutet, dann kann man evtl. mehr helfen. Hier mal meine VIS Hauptseite:

                Screenshot_20200111-084157_Chrome.jpg

                Beste Grüße
                Gerhard

                ? C T D H 5 Antworten Letzte Antwort
                1
                • B Buchi

                  @Alina said in Suche: Eine VIS als Vorlage:

                  @Chaot

                  Und ja, als Mädel will ich es hübsch :)

                  Das wird jetzt natürlich schwierig, da "hübsch" so relativ ist :innocent:

                  Ich habe es gerne klar, einfach und übersichtlich. Gelingt nicht immer aber oft. Der obere und untere Bereich (Header / Footer) sind fest und in der Mitte (Content) kann gescrolled werden. Dadurch habe ich ein einheitliches Design und bin vom Inhalt doch flexibel.

                  Meine VIS ist in erster Linie informativ, da die ganzen Logiken im ioBroker liegen und nach Möglichkeit alles automatisiert geschehen soll. Wenn das nicht möglich ist, dann gibt es ja noch Alexa und die schönen hue Buttons :sunglasses:

                  Also beschreibe doch mal was für Dich hübsch bedeutet, dann kann man evtl. mehr helfen. Hier mal meine VIS Hauptseite:

                  Screenshot_20200111-084157_Chrome.jpg

                  ? Offline
                  ? Offline
                  Ein ehemaliger Benutzer
                  schrieb am zuletzt editiert von
                  #11

                  @Buchi ach deine finde ich schon ganz "hübsch". Aber es stimmt, Frauen haben da oft ne andere Vorstellung. Und das hast du auch im "normalen" vis-editor gemacht?

                  B 1 Antwort Letzte Antwort
                  0
                  • ? Ein ehemaliger Benutzer

                    @Buchi ach deine finde ich schon ganz "hübsch". Aber es stimmt, Frauen haben da oft ne andere Vorstellung. Und das hast du auch im "normalen" vis-editor gemacht?

                    B Offline
                    B Offline
                    Buchi
                    schrieb am zuletzt editiert von
                    #12

                    @Alina said in Suche: Eine VIS als Vorlage:

                    @Buchi Und das hast du auch im "normalen" vis-editor gemacht?

                    Ja, da ich auch noch nicht sooo lange bei mir ioBroker nutze ist das alles noch standard Vis bzw. Widgets die über Adapter installiert werden können und dann in Vis zur Verfügung stehen.
                    Wie gesagt liegt bei mir das Hauptaugenmerk auf Automatisierung. Die Vis dient der Kontrolle und natürlich können auch Lampen geschalten, Jalousien gesteuert werden aber das sollte nur nötig sein wenn die Automatik versagt oder ich mal wieder Mist programmiert habe :grin:

                    Beste Grüße
                    Gerhard

                    ? M 2 Antworten Letzte Antwort
                    -1
                    • B Buchi

                      @Alina said in Suche: Eine VIS als Vorlage:

                      @Buchi Und das hast du auch im "normalen" vis-editor gemacht?

                      Ja, da ich auch noch nicht sooo lange bei mir ioBroker nutze ist das alles noch standard Vis bzw. Widgets die über Adapter installiert werden können und dann in Vis zur Verfügung stehen.
                      Wie gesagt liegt bei mir das Hauptaugenmerk auf Automatisierung. Die Vis dient der Kontrolle und natürlich können auch Lampen geschalten, Jalousien gesteuert werden aber das sollte nur nötig sein wenn die Automatik versagt oder ich mal wieder Mist programmiert habe :grin:

                      ? Offline
                      ? Offline
                      Ein ehemaliger Benutzer
                      schrieb am zuletzt editiert von
                      #13

                      @Buchi Vielen Dank. Das ist immer die erste Frage ja: Welchen Adapter zur Visulisierung :)

                      B 1 Antwort Letzte Antwort
                      0
                      • ? Ein ehemaliger Benutzer

                        @Buchi Vielen Dank. Das ist immer die erste Frage ja: Welchen Adapter zur Visulisierung :)

                        B Offline
                        B Offline
                        Buchi
                        schrieb am zuletzt editiert von
                        #14

                        @Alina schau Dir auch mal lovelace an. Finde ich auch sehr interessant und lohnt sich mal rein zu schnuppern.

                        Beste Grüße
                        Gerhard

                        ? 1 Antwort Letzte Antwort
                        0
                        • B Buchi

                          @Alina schau Dir auch mal lovelace an. Finde ich auch sehr interessant und lohnt sich mal rein zu schnuppern.

                          ? Offline
                          ? Offline
                          Ein ehemaliger Benutzer
                          schrieb am zuletzt editiert von
                          #15

                          @Buchi Danke :)

                          1 Antwort Letzte Antwort
                          0
                          • B Buchi

                            @Alina said in Suche: Eine VIS als Vorlage:

                            @Chaot

                            Und ja, als Mädel will ich es hübsch :)

                            Das wird jetzt natürlich schwierig, da "hübsch" so relativ ist :innocent:

                            Ich habe es gerne klar, einfach und übersichtlich. Gelingt nicht immer aber oft. Der obere und untere Bereich (Header / Footer) sind fest und in der Mitte (Content) kann gescrolled werden. Dadurch habe ich ein einheitliches Design und bin vom Inhalt doch flexibel.

                            Meine VIS ist in erster Linie informativ, da die ganzen Logiken im ioBroker liegen und nach Möglichkeit alles automatisiert geschehen soll. Wenn das nicht möglich ist, dann gibt es ja noch Alexa und die schönen hue Buttons :sunglasses:

                            Also beschreibe doch mal was für Dich hübsch bedeutet, dann kann man evtl. mehr helfen. Hier mal meine VIS Hauptseite:

                            Screenshot_20200111-084157_Chrome.jpg

                            C Offline
                            C Offline
                            ChrisBGL
                            schrieb am zuletzt editiert von
                            #16

                            @Buchi

                            Hallo,

                            ich möchte gerne eine ähnliche Vis wie du sie hier hast erstellen. Aufgeräumt und informativ. Kann man die als Vorlage bekommen oder kannst du mir sagen, welche Elemente du verwendet hast?

                            Bin kompletter Anfänger.

                            Gruß,
                            Chris

                            B 1 Antwort Letzte Antwort
                            0
                            • C ChrisBGL

                              @Buchi

                              Hallo,

                              ich möchte gerne eine ähnliche Vis wie du sie hier hast erstellen. Aufgeräumt und informativ. Kann man die als Vorlage bekommen oder kannst du mir sagen, welche Elemente du verwendet hast?

                              Bin kompletter Anfänger.

                              Gruß,
                              Chris

                              B Offline
                              B Offline
                              Buchi
                              schrieb am zuletzt editiert von
                              #17

                              @ChrisBGL
                              Hallo Chris,

                              ich könnte Dir sicher meine Views zur Verfügung stellen, dass wird dich allerdings nicht wirklich voran bringen. Du musst Dir überlegen was Du wie anzeigen willst und dann schauen mit welchem Widget Du das am besten umsetzen kannst. Dann solltest Dich noch ein wenig mit CSS beschäftigen und schon kann es los gehen.

                              Wenn Du allerdings konkrete Fragen zu meiner Umsetzung hast, dann beantworte ich die gerne.

                              Beste Grüße
                              Gerhard

                              1 Antwort Letzte Antwort
                              0
                              • B Buchi

                                @Alina said in Suche: Eine VIS als Vorlage:

                                @Chaot

                                Und ja, als Mädel will ich es hübsch :)

                                Das wird jetzt natürlich schwierig, da "hübsch" so relativ ist :innocent:

                                Ich habe es gerne klar, einfach und übersichtlich. Gelingt nicht immer aber oft. Der obere und untere Bereich (Header / Footer) sind fest und in der Mitte (Content) kann gescrolled werden. Dadurch habe ich ein einheitliches Design und bin vom Inhalt doch flexibel.

                                Meine VIS ist in erster Linie informativ, da die ganzen Logiken im ioBroker liegen und nach Möglichkeit alles automatisiert geschehen soll. Wenn das nicht möglich ist, dann gibt es ja noch Alexa und die schönen hue Buttons :sunglasses:

                                Also beschreibe doch mal was für Dich hübsch bedeutet, dann kann man evtl. mehr helfen. Hier mal meine VIS Hauptseite:

                                Screenshot_20200111-084157_Chrome.jpg

                                T Offline
                                T Offline
                                typischAndy
                                schrieb am zuletzt editiert von
                                #18

                                @Buchi Mir gefällt deine Vis sehr. Kannst du mir bitte sagen, was du für Widgets genommen hast?
                                Möchte meine erste eigene Vis machen und brauche noch kreativen Input. Könntest du mir vielleicht sogar die Dateien zhr Verfügung stellen?

                                B 1 Antwort Letzte Antwort
                                0
                                • T typischAndy

                                  @Buchi Mir gefällt deine Vis sehr. Kannst du mir bitte sagen, was du für Widgets genommen hast?
                                  Möchte meine erste eigene Vis machen und brauche noch kreativen Input. Könntest du mir vielleicht sogar die Dateien zhr Verfügung stellen?

                                  B Offline
                                  B Offline
                                  Buchi
                                  schrieb am zuletzt editiert von
                                  #19

                                  @typischAndy sagte in Suche: Eine VIS als Vorlage:

                                  @Buchi Mir gefällt deine Vis sehr. Kannst du mir bitte sagen, was du für Widgets genommen hast?

                                  Das ist alles nichts besonderes. Eine View mit dem "view in widget 8" in dem dann die anderen Views angezeigt werden. Diese bestehen in der Regel aus "basic - Border" für die Kästen und dann "basic - String" für Texte und "basic - Image 8" für die Bilder.

                                  Am besten fängst Du einfach an und baust Dir eine View und wenn Du spezielle Fragen hast, dann raus damit. So lernst Du am meißten :smirk:

                                  Beste Grüße
                                  Gerhard

                                  A 1 Antwort Letzte Antwort
                                  1
                                  • B Buchi

                                    @typischAndy sagte in Suche: Eine VIS als Vorlage:

                                    @Buchi Mir gefällt deine Vis sehr. Kannst du mir bitte sagen, was du für Widgets genommen hast?

                                    Das ist alles nichts besonderes. Eine View mit dem "view in widget 8" in dem dann die anderen Views angezeigt werden. Diese bestehen in der Regel aus "basic - Border" für die Kästen und dann "basic - String" für Texte und "basic - Image 8" für die Bilder.

                                    Am besten fängst Du einfach an und baust Dir eine View und wenn Du spezielle Fragen hast, dann raus damit. So lernst Du am meißten :smirk:

                                    A Offline
                                    A Offline
                                    alexmosel
                                    schrieb am zuletzt editiert von
                                    #20

                                    @Buchi Hallo, mir gefällt deine Vis auch sehr gut...meinst du , dass du die exportieren und bereit stellen könntest, damit ich sie evtl. auf meinen Bedarf anpassen kann ?
                                    Wäre sehr hilfreich, da ich dann schon mal ein Grundlayout hätte...;-)

                                    1 Antwort Letzte Antwort
                                    0
                                    • ? Ein ehemaliger Benutzer

                                      Hallo,

                                      ich frage mal frech ins Forum :)
                                      Kann mir jemand mit einer Vorlage für eine VIS helfen? Ich bräuchte in dem Sinne nur die Rahmen-VIS, also die Grundstruktur mit ein paar Buttons zum Navigieren; Den inneren Bereich baue ich dann nach meinen Wünschen :)

                                      Danke

                                      amg_666A Offline
                                      amg_666A Offline
                                      amg_666
                                      schrieb am zuletzt editiert von
                                      #21

                                      Wenn du das brauchst weil du quasi bei Null anfängst und (noch) keine Ahnung von VIS hast, dann zieh dir dieses Video rein, da wird Navigation und Co gut erklärt.

                                      iobroker auf proxmox container

                                      A 1 Antwort Letzte Antwort
                                      0
                                      • amg_666A amg_666

                                        Wenn du das brauchst weil du quasi bei Null anfängst und (noch) keine Ahnung von VIS hast, dann zieh dir dieses Video rein, da wird Navigation und Co gut erklärt.

                                        A Offline
                                        A Offline
                                        alexmosel
                                        schrieb am zuletzt editiert von
                                        #22

                                        @amg_666 ...danke für den Tipp, das habe ich die Tage schon geguckt und fands auch einleuchtend....
                                        Da ich in Layout nicht besonders gut bin wäre es mir halt hilfreich gewesen schon mal ein Grundgerüst zu haben, das ich dann nach meinem Bedarf ausbauen könnte.

                                        1 Antwort Letzte Antwort
                                        0
                                        • ? Ein ehemaliger Benutzer

                                          Hallo,

                                          ich frage mal frech ins Forum :)
                                          Kann mir jemand mit einer Vorlage für eine VIS helfen? Ich bräuchte in dem Sinne nur die Rahmen-VIS, also die Grundstruktur mit ein paar Buttons zum Navigieren; Den inneren Bereich baue ich dann nach meinen Wünschen :)

                                          Danke

                                          machs-smart.deM Offline
                                          machs-smart.deM Offline
                                          machs-smart.de
                                          schrieb am zuletzt editiert von
                                          #23

                                          Hier ist meine:

                                          https://www.machs-smart.de/smart-home-dashboard-mit-der-machs-smart-de-firehd-visualisierung/

                                          www.machs-smart.de
                                          Anleitungen und Tutorials rund um ioBroker

                                          1 Antwort Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          780

                                          Online

                                          32.5k

                                          Benutzer

                                          81.8k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe