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

Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
B
Bluefox

15

1

626
Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
B
Bluefox

13

1

628
Weihnachtsangebot 2025! 🎄
B
Bluefox

25

1

1.9k

Suche: Eine VIS als Vorlage

Visualisierung

36 Beiträge 14 Kommentatoren 36.7k Aufrufe 20 Watching

B Buchi

@Alina said in Suche: Eine VIS als Vorlage:

@Chaot

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

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

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

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

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

schrieb am zuletzt editiert von

#24

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

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 :grin:
M Offline
M Offline
michael_4358

schrieb am zuletzt editiert von

#25

@buchi

hey kannst du dein design teilen????
B 1 Antwort Letzte Antwort

0
M michael_4358

@buchi

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

schrieb am zuletzt editiert von 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 Antwort Letzte Antwort

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

schrieb am zuletzt editiert von

#27

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

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

schrieb am zuletzt editiert von

#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 Antwort Letzte Antwort

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

schrieb am

#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

schrieb am zuletzt editiert von

#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 Antwort Letzte Antwort

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

schrieb am zuletzt editiert von

#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 Antwort Letzte Antwort

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

schrieb am zuletzt editiert von

#32

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

0
K Offline
K Offline
Kusselin

schrieb am zuletzt editiert von

#33

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

Daanke
1 Antwort Letzte Antwort

0
B Buchi

@Alina said in Suche: Eine VIS als Vorlage:

@Chaot

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

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

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

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

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

schrieb am zuletzt editiert von

#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 Antwort Letzte Antwort

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

schrieb am zuletzt editiert von

#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 Antwort Letzte Antwort

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

schrieb am zuletzt editiert von

#36

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

0

Anmelden zum Antworten

Support us

571

Online

32.6k

Benutzer

81.9k

Themen

1.3m

Beiträge