Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Suche: Eine VIS als Vorlage

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Suche: Eine VIS als Vorlage

    This topic has been deleted. Only users with topic management privileges can see it.
    • Chaot
      Chaot @Guest last edited by

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

      ? 1 Reply Last reply Reply Quote 0
      • ?
        A Former User @Chaot last edited by

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

        Chaot B 2 Replies Last reply Reply Quote 0
        • Chaot
          Chaot @Guest last edited by

          @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

          ? M Kusselin 3 Replies Last reply Reply Quote 0
          • ?
            A Former User @Chaot last edited by

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

            Chaot 1 Reply Last reply Reply Quote 0
            • Chaot
              Chaot @Guest last edited by

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

              ? Kusselin 2 Replies Last reply Reply Quote 0
              • ?
                A Former User @Chaot last edited by

                @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 Reply Last reply Reply Quote 0
                • B
                  Buchi @Guest last edited by 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 😇

                  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 😎

                  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 T D H 5 Replies Last reply Reply Quote 1
                  • ?
                    A Former User @Buchi last edited by

                    @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 Reply Last reply Reply Quote 0
                    • B
                      Buchi @Guest last edited by

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

                      ? M 2 Replies Last reply Reply Quote -1
                      • ?
                        A Former User @Buchi last edited by

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

                        B 1 Reply Last reply Reply Quote 0
                        • B
                          Buchi @Guest last edited by

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

                          ? 1 Reply Last reply Reply Quote 0
                          • ?
                            A Former User @Buchi last edited by

                            @Buchi Danke 🙂

                            1 Reply Last reply Reply Quote 0
                            • C
                              ChrisBGL @Buchi last edited by

                              @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 Reply Last reply Reply Quote 0
                              • B
                                Buchi @ChrisBGL last edited by

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

                                1 Reply Last reply Reply Quote 0
                                • T
                                  typischAndy @Buchi last edited by

                                  @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 Reply Last reply Reply Quote 0
                                  • B
                                    Buchi @typischAndy last edited by

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

                                    A 1 Reply Last reply Reply Quote 1
                                    • A
                                      alexmosel @Buchi last edited by

                                      @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 Reply Last reply Reply Quote 0
                                      • amg_666
                                        amg_666 @Guest last edited by

                                        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 1 Reply Last reply Reply Quote 0
                                        • A
                                          alexmosel @amg_666 last edited by

                                          @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 Reply Last reply Reply Quote 0
                                          • machs-smart.de
                                            machs-smart.de @Guest last edited by

                                            Hier ist meine:

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

                                            1 Reply Last reply Reply Quote 1
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            700
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            14
                                            36
                                            34397
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo