Vorstellung meiner VIS mobil

saeft_2003

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": []
}

Segway

@saeft_2003 sagte in 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.

Jo, der import klappt natürlich nicht, da ich die View nicht habe.
und hinter diese Navigation TOP APP BAR NAV bin ich noch nicht durchgestiegen.

MichMein

@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

mabeca96

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

saeft_2003

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

sigi234

@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

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

Sonnenkind

@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

@Sonnenkind

Ich nutze hauptsächlich instar die sind per iframe eingebunden...

Sonnenkind

@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

@Sonnenkind

Das sollte mit jeder instar gehen ich habe 5905 HD und 9020 FullHD.

Aber auch foscam sollte gehen, da findet man schon einiges...

Vod

@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

@Vod

Die mein ich. Dort gehen die material design widgets ohne Probleme.

Vod

@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

Vod

@saeft_2003 Okay, das ist Apple Zeug... bloß warum verhalten sich die Versionen so unterschiedlich? Fragen über Fragen)

saeft_2003

@Vod

Das kann ich dir nicht beantworten... Bei mir macht die iobroker app was sie soll.

web4wasch

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

saeft_2003

@web4wasch

Das war automatisch so, ich kann dir heut Abend das widget mal exportieren...

web4wasch

@saeft_2003 danke dir für die Info.

Dragon

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.

NEWS

Vorstellung meiner VIS mobil

Support us

929
Online

31.9k
Users

80.2k
Topics

1.3m
Posts

NEWS

Vorstellung meiner VIS mobil

Support us

929Online

31.9kUsers

80.2kTopics

1.3mPosts

929
Online

31.9k
Users

80.2k
Topics

1.3m
Posts