NEWS
Vorstellung meiner VIS mobil
-
dann brauchst du den Navigation view. Die drei Balken ist das top app bar widget in verbindung mit dem view in widget 8.
Alle Infos dazu findest du hier:
https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget/2{ "settings": { "style": { "background-color": "#000000", "background_class": "" }, "theme": "dark-hive", "sizex": "375", "sizey": "750", "gridSize": "", "useBackground": false, "snapType": null }, "widgets": { "e00001": { "tpl": "tplVis-materialdesign-TopAppBar-Navigation", "data": { "oid": "meine-datenpunkte.0.VIS.VIS_steuern_mobil", "g_fixed": false, "g_visibility": false, "g_css_font_text": false, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "navItemCount": "23", "submenuCounts_0": "0", "submenuCounts_1": "0", "topAppBarLayout": "dense", "titleTopAppBar": "Material Design Widgets", "topAppBarZ_index": "998", "vibrateTopAppBarOnMobilDevices": "49", "drawerLayout": "modal", "drawerItemLayout": "standard", "listItemDividerStyle": "inset", "z_index": "1000", "showHeader": true, "headerLabel": "<h4 class='mdc-drawer__title'>Menü</h4><h6 class='mdc-drawer__subtitle'></h6>", "showLabels": "true", "listItemAlignment": "left", "backdropLabelBackgroundHeight": "30", "vibrateDrawerOnMobilDevices": "0", "drawerSubItemLayout": "standard", "listSubItemAlignment": "left", "showSubItemsLabels": "true", "iconDrawer0": "lightbulb", "iconDrawer1": "check-all", "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, "colorTopAppBarBackground": "#616161", "showSelectedItemAsTitle": true, "colorDrawerBackground": "#212121", "drawerIconHeight": "40", "drawerWidth": "275", "colorDrawerItemBackground": "#484c55", "colorDrawerHeaderBackground": "#212121", "labels0": "Licht", "labels1": "Status", "submenuCounts_2": "0", "submenuCounts_3": "0", "headers0": "", "listItemTextSize": "17px", "listItemHeaderTextSize": "20px", "iconDrawerColor0": "#FFFFFF", "colorListSubItemText": "", "colorListSubItemTextSelected": "", "colorListItemText": "#FFFFFF", "colorListItemTextSelected": "#ffffff", "colorListItemSelected": "#FFFFFF", "colorListItemHover": "", "drawerSubItemIconHeight": "", "g_drawerItems_§3": true, "iconDrawer3": "window-shutter", "dividers0": true, "dividers1": true, "labels3": "Rollo DG", "dividers3": true, "showIndexNum": false, "submenuCounts_4": "0", "iconDrawer4": "thermometer-lines", "submenuCounts_5": "0", "iconDrawer5": "thermometer-lines", "submenuCounts_6": "0", "iconDrawer6": "thermometer-lines", "submenuCounts_7": "0", "iconDrawer7": "thermometer-lines", "g_drawerItems_§2": true, "iconDrawer2": "window-shutter", "labels2": "Rollo EG", "headers3": "", "headers4": "", "submenuCounts_8": "0", "submenuCounts_9": "0", "submenuCounts_10": "0", "iconDrawer8": "check-network-outline", "iconDrawer9": "fire", "iconDrawer10": "camera-iris", "dividers4": true, "dividers5": true, "dividers6": true, "dividers7": true, "dividers8": true, "dividers9": true, "dividers10": true, "dividers2": true, "labels4": "Temperatur EG", "labels5": "Temperatur DG", "labels6": "Luftfeuchtigkeit EG", "labels7": "Luftfeuchtigkeit DG", "submenuCounts_11": "0", "iconDrawer11": "water", "submenuCounts_12": "0", "submenuCounts_13": "0", "submenuCounts_14": "0", "submenuCounts_15": "0", "iconDrawer12": "battery-medium", "iconDrawer13": "/vis.0/mainneu3/img/icon log.png", "iconDrawer15": "speedometer", "submenuCounts_16": "0", "iconDrawer16": "battery-charging-outline", "submenuCounts_17": "0", "submenuCounts_18": "0", "submenuCounts_19": "0", "submenuCounts_20": "0", "submenuCounts_21": "0", "submenuCounts_22": "0", "iconDrawer17": "chart-areaspline", "iconDrawer18": "chart-areaspline", "iconDrawer19": "check-network", "iconDrawer20": "window-maximize", "iconDrawer21": "pill", "iconDrawer22": "music", "labels8": "Netzwerk", "labels9": "Heizung", "labels10": "Kameras", "dividers11": true, "labels11": "Bewässerung", "dividers12": true, "labels12": "Batteriestatus", "labels13": "Logfiles", "dividers13": true, "g_drawerItems_§14": true, "iconDrawer14": "/vis.0/mainneu3/img/icon zisterne.png", "labels14": "Zisterne", "dividers14": true, "dividers15": true, "labels15": "Speedtest", "labels16": "USV", "dividers16": true, "dividers17": true, "labels17": "Charts 1", "labels18": "Charts 2", "dividers18": true, "labels19": "Adapterstatus", "labels20": "Fensterstatus", "dividers19": true, "dividers20": true, "labels21": "Medikamente", "iconDrawerColor1": "#FFFFFF", "iconDrawerColor2": "#FFFFFF", "iconDrawerColor3": "#FFFFFF", "iconDrawerColor4": "#FFFFFF", "iconDrawerColor5": "#FFFFFF", "iconDrawerColor6": "#FFFFFF", "iconDrawerColor7": "#FFFFFF", "iconDrawerColor8": "#FFFFFF", "iconDrawerColor9": "#FFFFFF", "iconDrawerColor10": "#FFFFFF", "iconDrawerColor11": "#FFFFFF", "iconDrawerColor12": "#FFFFFF", "iconDrawerColor15": "#FFFFFF", "iconDrawerColor21": "#FFFFFF", "iconDrawerColor16": "#FFFFFF", "iconDrawerColor17": "#FFFFFF", "iconDrawerColor18": "#FFFFFF", "iconDrawerColor19": "#FFFFFF", "iconDrawerColor20": "#FFFFFF", "dividers21": true, "labels22": "volumio", "iconDrawerColor22": "#FFFFFF", "submenuCounts_23": "0", "iconDrawer23": "weather-partly-cloudy", "dividers22": true, "labels23": "Wetter", "iconDrawerColor23": "#FFFFFF" }, "style": { "left": "0px", "top": "-1px", "width": "373px", "height": "745px" }, "widgetSet": "materialdesign" }, "e00002": { "tpl": "tplStatefulContainerView8", "data": { "oid": "meine-datenpunkte.0.VIS.VIS_steuern_mobil", "g_fixed": false, "g_visibility": false, "g_css_font_text": false, "g_css_background": false, "g_css_shadow_padding": false, "g_css_border": false, "g_gestures": false, "g_signals": false, "g_last_change": false, "visibility-cond": "==", "visibility-val": 1, "visibility-groups-action": "hide", "count": "23", "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, "contains_view_0": "07_Licht", "contains_view_1": "02_Status", "contains_view_2": "03_Rollo_EG", "persistent": true, "contains_view_3": "04_Rollo_DG", "contains_view_4": "05_Temperatur_EG", "contains_view_5": "06_Temperatur_DG", "contains_view_6": "08_Feuchtigkeit_EG", "contains_view_7": "09_Feuchtigkeit_DG", "contains_view_8": "10_Netzwerk", "contains_view_9": "11_Heizung", "contains_view_10": "12_Kameras", "contains_view_11": "13_Bewässerung", "contains_view_12": "14_Batteriestatus", "contains_view_13": "15_Logfiles", "contains_view_14": "16_Zisterne", "contains_view_15": "17_Speedtest", "contains_view_16": "18_USV", "contains_view_17": "19_Charts", "contains_view_18": "20_Charts_2", "contains_view_19": "21_Adapterstatus", "contains_view_20": "22_Fensterstatus", "contains_view_21": "23_Medikamente", "contains_view_22": "24_volumio", "contains_view_23": "25_Wetter" }, "style": { "left": "3px", "top": "51px", "width": "366px", "height": "693px", "overflow-y": "scroll", "overflow-x": "" }, "widgetSet": "basic" } }, "name": "01_Navigation", "filterList": [] }@saeft_2003 Deine VIS sieht sehr sehr ansprechend aus. Würdest Du einen kompletten Export Deiner Arbeit zur Verfügung stellen, ich würde mir gerne das ein oder andere daraus entnehmen und versuchen es für meine Bedürfnisse anzupassen. Bislang habe ich leider nur rudimentäre Funktionen über iQontrol am laufen. Ich habe ne Vorstellung wie ich es gerne hätte aber bei der Umsetzung hapert es dann leider. Und Deine Vorstellung hier sieht dem was ich mir so vorstelle sehr passend aus.
Vielen Dank
-
In den letzten 1-2 Wochen hab ich mir eine VIS mobil zusammengebaut die ich mit der iobroker app über VPN anzeigen lasse. Bei ein paar views kann man scrollen.
Ich habe ein paar material design widget von @Scrounger verwendet, die funktionieren wirklich super und sehen klasse aus! Vielen Dank dafür.
Jetzt bin ich gerade dabei meine Haupt VIS mit dem top app bar und list widget umzubauen.
Aber hier die Bilder von der mobilen, falls ihr zu irgendwas Fragen habt oder einen Export wollt dann sagt Bescheid.


@saeft_2003 Hallo, da sieht richtig gut aus, ich würde das gerne als Vorlage für mein Project nutzen. Würdest du mir einen Export freigeben?
-
Einen kompletten export kann ich leider nicht machen, weil dann alle adapter crashen und der export nicht geht.
Warum das so ist weiß ich leider nicht

-
Einen kompletten export kann ich leider nicht machen, weil dann alle adapter crashen und der export nicht geht.
Warum das so ist weiß ich leider nicht

@saeft_2003 sagte in Vorstellung meiner VIS mobil:
Einen kompletten export kann ich leider nicht machen, weil dann alle adapter crashen und der export nicht geht.
Warum das so ist weiß ich leider nicht

Nimm FireFox zum Export.
-
@saeft_2003 sagte in Vorstellung meiner VIS mobil:
Einen kompletten export kann ich leider nicht machen, weil dann alle adapter crashen und der export nicht geht.
Warum das so ist weiß ich leider nicht

Nimm FireFox zum Export.
@sigi234 sagte in Vorstellung meiner VIS mobil:
@saeft_2003 sagte in Vorstellung meiner VIS mobil:
Einen kompletten export kann ich leider nicht machen, weil dann alle adapter crashen und der export nicht geht.
Warum das so ist weiß ich leider nicht

Nimm FireFox zum Export.
Ich hab schon alles browser durch es geht mit keinem bzw. es crashen immer alle adapter ich denke das ist bei mir ein iobroker problem.
-
@sigi234 sagte in Vorstellung meiner VIS mobil:
@saeft_2003 sagte in Vorstellung meiner VIS mobil:
Einen kompletten export kann ich leider nicht machen, weil dann alle adapter crashen und der export nicht geht.
Warum das so ist weiß ich leider nicht

Nimm FireFox zum Export.
Ich hab schon alles browser durch es geht mit keinem bzw. es crashen immer alle adapter ich denke das ist bei mir ein iobroker problem.
@saeft_2003
hi die Vis schaut ja super aus, darf ich fragen welcheCamera´s du nutzt und mit welchem widget die eingebunden sind?
Danke -
@saeft_2003
hi die Vis schaut ja super aus, darf ich fragen welcheCamera´s du nutzt und mit welchem widget die eingebunden sind?
DankeIch nutze hauptsächlich instar die sind per iframe eingebunden...
-
Ich nutze hauptsächlich instar die sind per iframe eingebunden...
@saeft_2003
danke für die Info hast Du noch einen Type der cam, mache damit schon ewig riúm und finde nix was vernünftig in Vis läuft. -
@saeft_2003
danke für die Info hast Du noch einen Type der cam, mache damit schon ewig riúm und finde nix was vernünftig in Vis läuft.Das sollte mit jeder instar gehen ich habe 5905 HD und 9020 FullHD.
Aber auch foscam sollte gehen, da findet man schon einiges...
-
In den letzten 1-2 Wochen hab ich mir eine VIS mobil zusammengebaut die ich mit der iobroker app über VPN anzeigen lasse. Bei ein paar views kann man scrollen.
Ich habe ein paar material design widget von @Scrounger verwendet, die funktionieren wirklich super und sehen klasse aus! Vielen Dank dafür.
Jetzt bin ich gerade dabei meine Haupt VIS mit dem top app bar und list widget umzubauen.
Aber hier die Bilder von der mobilen, falls ihr zu irgendwas Fragen habt oder einen Export wollt dann sagt Bescheid.


@saeft_2003
Eine Frage zur Verständnis, unter iobroker app verstehst Du die iobroker.vis von Bluefox?
Weil da gehen bei mir die Material Widgets nicht... -
@saeft_2003
Eine Frage zur Verständnis, unter iobroker app verstehst Du die iobroker.vis von Bluefox?
Weil da gehen bei mir die Material Widgets nicht... -
@saeft_2003 Version 1.0.22? Aktuell ist 2.0.3 im PlayMarket... https://play.google.com/store/apps/details?id=net.iobroker.vis
Hmmm -
@saeft_2003 Okay, das ist Apple Zeug... bloß warum verhalten sich die Versionen so unterschiedlich? Fragen über Fragen)
-
@saeft_2003 Okay, das ist Apple Zeug... bloß warum verhalten sich die Versionen so unterschiedlich? Fragen über Fragen)
Das kann ich dir nicht beantworten... Bei mir macht die iobroker app was sie soll.
-
Servus saeft_2003,
schaut sauber aus. Respekt!

Könntest du mir bitte verraten, wie du in deiner Navi-Widget immer die aktuelle Seite oben angezeigt bekommst?
Steht das evtl. in deiner "meine-datenpunkte.0.VIS.VIS_steuern_mobil" Liste oder was für ein Objekt ist das...Danke, schöne Grüße
-
Servus saeft_2003,
schaut sauber aus. Respekt!

Könntest du mir bitte verraten, wie du in deiner Navi-Widget immer die aktuelle Seite oben angezeigt bekommst?
Steht das evtl. in deiner "meine-datenpunkte.0.VIS.VIS_steuern_mobil" Liste oder was für ein Objekt ist das...Danke, schöne Grüße
Das war automatisch so, ich kann dir heut Abend das widget mal exportieren...
-
Das war automatisch so, ich kann dir heut Abend das widget mal exportieren...
@saeft_2003 danke dir für die Info.
-
Als erstes: Kompliment, das sieht gut aus. Wie hast du es hinbekommen dass dir mobil auch die Kamerabilder angezeigt werden? Bei mir fehlen die immer.
@David-Froebus
Danke. Geht bei mir ganz normal über ein iframe. Ich benutze zum anzeigen die ios iobroker app...
-
@David-Froebus
Danke. Geht bei mir ganz normal über ein iframe. Ich benutze zum anzeigen die ios iobroker app...
@saeft_2003 nutzt du einen vpn oder die Cloud von ioBroker?
