Community Forum

Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you have been placed in read-only mode.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

NEWS

Suche: Eine VIS als Vorlage

Visualisierung

36 Posts 14 Posters 37.2k Views 20 Watching

? A Former User

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
M Offline
M Offline
machs-smart.de

wrote on last edited by

#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 Reply Last reply

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

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:
D Offline
D Offline
Drino

wrote on last edited by

#24

@buchi Finde deine Visu wirklich gelungen. Kannst du mir diese als Vorlage zusenden?
Gruß
AD
1 Reply Last reply

0
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
M Offline
M Offline
michael_4358

wrote on last edited by

#25

@buchi

hey kannst du dein design teilen????
B 1 Reply Last reply

0
M michael_4358

@buchi

hey kannst du dein design teilen????
B Offline
B Offline
Buchi

wrote on last edited by Buchi

#26

@michael_4358 @alexmosel @typischAndy @Drino
Ich habe das Projekt jetzt mal anonymisiert exportiert. Keine Ahnung ob das tatsächlilch hilft. Müsst ihr einfach mal schauen.
2021-04-16-main.zip
Beste Grüße
Gerhard
1 Reply Last reply

0
C Chaot

@Alina Ich verwende zur Navigation Buttons:

die ich auf einer eigenen View zusammenstelle und diese dann in die entsprechenden anderen Views einbinde:
M Offline
M Offline
mw-home

wrote on last edited by

#27

@chaot Guten Tag, würdest du mir deine Titelseite View auch zur Verfügung stellen ? Damit ich daran "arbeiten" kann ?
C 1 Reply Last reply

0
M mw-home

@chaot Guten Tag, würdest du mir deine Titelseite View auch zur Verfügung stellen ? Damit ich daran "arbeiten" kann ?
C Offline
C Offline
Chaot

wrote on last edited by

#28

@mw-home Ich habe dir was im Chat geschickt.
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 Reply Last reply

0

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

Kusselin

wrote on

#29

@chaot hi, ich habe mal zum testen dein View hier bei mir importiert......leider zeigt er mir nur den Eco dot an...woher bekomme ich die anderen Bildchen? Kannst du die mal bitte hier noch posten udn mir mitteilen wie udn wo ich die importieren muss...bin da noch Anfänger.

Danke und Gruss

C Chaot

@Alina Ich verwende zur Navigation Buttons:

die ich auf einer eigenen View zusammenstelle und diese dann in die entsprechenden anderen Views einbinde:
K Offline
K Offline
Kusselin

wrote on last edited by

#30

@chaot sagte in Suche: Eine VIS als Vorlage:

@Alina Ich verwende zur Navigation Buttons:

die ich auf einer eigenen View zusammenstelle und diese dann in die entsprechenden anderen Views einbinde:

ich gehe mal schwer davon aus das die Icons auch ein Widget sind oder?

Wenn nicht sag mal wo du die her hast udn wie ich die in VIS bekomme?

Danke Dir
1 Reply Last reply

0
K Kusselin

@chaot hi, ich habe mal zum testen dein View hier bei mir importiert......leider zeigt er mir nur den Eco dot an...woher bekomme ich die anderen Bildchen? Kannst du die mal bitte hier noch posten udn mir mitteilen wie udn wo ich die importieren muss...bin da noch Anfänger.

Danke und Gruss
C Offline
C Offline
Chaot

wrote on last edited by

#31

@kusselin Importieren machst du über den Dateimanager im VIS Editor. Die legst du dann im Ordner Vis0 ab und dann sollte es eigentlich klappen.
Bilder bekommst du per Chat
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.
K 1 Reply Last reply

0
C Chaot

@kusselin Importieren machst du über den Dateimanager im VIS Editor. Die legst du dann im Ordner Vis0 ab und dann sollte es eigentlich klappen.
Bilder bekommst du per Chat
K Offline
K Offline
Kusselin

wrote on last edited by

#32

@chaot ich habe jetzt mal geschaut.......muss ich da nicht den Adapter installieren der in iobroker dabei ist?
1 Reply Last reply

0
K Offline
K Offline
Kusselin

wrote on last edited by

#33

mit dem adapter gehts auch dauert halt aber die Icons füllen sich mit den Bildern :-)

Daanke
1 Reply Last reply

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

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:
H Offline
H Offline
headder9999

wrote on last edited by

#34

@buchi Hallo Buchi,
deine VIS Darstellung gefällt mir ziemlich gut.
Leider bin ich hier reiner Anfänger und stehe am Anfang der Entwicklung.
Wäre es möglich, wenn ich dein VIS importieren und dann daran arbeiten kann?
Lieben Dank!
Rasperry Pi3

iobroker mit Homematic CCU image
B 1 Reply Last reply

0
H headder9999

@buchi Hallo Buchi,
deine VIS Darstellung gefällt mir ziemlich gut.
Leider bin ich hier reiner Anfänger und stehe am Anfang der Entwicklung.
Wäre es möglich, wenn ich dein VIS importieren und dann daran arbeiten kann?
Lieben Dank!
B Offline
B Offline
Buchi

wrote on last edited by

#35

@headder9999
Wenn Du meine Antworten weiter oben liest, dann findest Du auch einen Post mit einem Export.

Allerdings macht das derzeit noch weniger Sinn als schon vorher, da VIS 2 in den Startlöchern steht. Mein Rat wäre also dass Du Dich damit beschäftigst, auch wenn es noch Alpha bzw. Beta Stadium ist.
Beste Grüße
Gerhard
T 1 Reply Last reply

0
B Buchi

@headder9999
Wenn Du meine Antworten weiter oben liest, dann findest Du auch einen Post mit einem Export.

Allerdings macht das derzeit noch weniger Sinn als schon vorher, da VIS 2 in den Startlöchern steht. Mein Rat wäre also dass Du Dich damit beschäftigst, auch wenn es noch Alpha bzw. Beta Stadium ist.
T Offline
T Offline
tobiasp

wrote on last edited by

#36

Ich hätte auch ein Frage:
Hätte jemand eine Vorlage (VIS) zum Thema Fahrplan?
1 Reply Last reply

0

Hello! It looks like you're interested in this conversation, but you don't have an account yet.

Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

With your input, this post could be even better 💗

Support us

489

Online

32.8k

Users

82.7k

Topics

1.3m

Posts