Views wechseln auf iOS und Android
-
Hi,
ich habe mal ein wenig mit der ioBroker Visu rumprobiert, habe auch schon meine Views soweit angelegt.
Jetzt möchte ich gerne wenn ich auf eine bestimmte Fläche klicke zu einer anderen View wechseln, dieses habe ich mit dem Widget "jqui - navigation - Icon" realisiert.
Wenn ich das ganze jetzt auf dem PC öffne, dann funktioniert das auch wenn ich auf den festgelegten Bereich klicke,
wenn ich es aber am iPad oder Android Smartphone aufrufe, dann passiert gar nichts wenn ich auf den Bereich tippe.
Vielleicht kann mir ja jemand sagen was ich falsch mache.
Vielen dank,
Gruß
Kai
-
Hallo Kai und willkommen im forum.
Ich bin im Moment unterwegs und kann das nicht testen.
Was meinst du mit "festgelegten Bereich"?
Du tippst/klickst auf das widget?
OS: IOS und Android?
Welcher Browser?
Hast du mal die Navigation bar versucht?
Gruß
Rainer
Gesendet von meinem Cynus T7 mit Tapatalk
-
Genau, ich tippe auf das Widget, was am PC garkein Problem ist, da wechselt es sofort in die eingestellte View, aber am iPad oder Android Smartphone (mit sämtlichen Browsern getestet) tut sich garnichts.
Mit Navigation Bar funktioniert es auch nicht.
Ich möchte, wenn ich auf meinen TV ( ist auf dem Bild im Hintergrund, dem Grundriss) klicke, die View wechselt aber man soll das Widget nicht sehen, es soll also quasi "durchsichtig" sein. Das mache ich einfach indem ich keinen Hintergrund une kein Stil im Widget einstelle.
Hast du oder jemand anderes vielleicht eine Idee woran das liegen könnte?
Dankeschön,
Gruß
-
Hast du mal das Widget weiter nach vorne gelegt (z-index höher gestellt)?
ein Screenshot wäre hilfreich.
Noch besser dein exportierter view hier in code tags.
Dann kann ich ihn mir mal ansehen.
Gruß
Rainer
Gesendet von meinem Cynus T7 mit Tapatalk
-
z-index habe ich schon höher gestellt, hilft auch nicht.
Das komische ist ja, das es am Pc geht (auf dem Pc habe ich ioBroker auch darauf laufen, vielleicht hat es damit was zu tun?) und auf anderen Geräten nicht.
Ich kann es ja mal an einem anderen Pc im Netzwerk versuchen.
Hier die View (du hast ja die Bilder nicht die ich als Hintergrund habe, aber das ist vielleicht nicht so schlimm?):
! ````
{
"settings": {
"style": {
"background": "rgba(100, 0, 0, 0) url(http://192.168.178.41:8082/vis/img/zimmer.png) no-repeat scroll 50% 0% / 1080px padding-box border-box",
"background-position": "0% 0%",
"background_class": "",
"background-size": "770px",
"background-image": "url(http://192.168.178.41:8082/vis/img/zimmer2.png)"
},
"theme": "redmond",
"sizex": "768",
"sizey": "1004",
"hideDescription": false,
"gridSize": ""
},
"widgets": {
"e00001": {
"tpl": "tplTwSimpleDate",
"data": {
"visibility-cond": "==",
"visibility-val": 1,
"prependZero": "true",
"shortYear": false,
"shortWeekDay": false,
"showWeekDay": true,
"americanOrder": false,
"noClass": false,
"monthWord": false,
"shortMonth": false
},
"style": {
"left": 15,
"top": 44,
"width": "252px",
"height": "30px",
"color": "rgb(50,50,50)",
"text-shadow": "none",
"z-index": "1",
"font-size": "18px"
},
"widgetSet": "timeAndWeather"
},
"e00002": {
"tpl": "tplTwSimpleClock",
"data": {
"visibility-cond": "==",
"visibility-val": 1,
"hideSeconds": false,
"blink": false,
"noClass": false,
"locked": false
},
"style": {
"left": 10,
"top": -5,
"color": "black",
"font-style": "normal",
"font-variant": "",
"font-size": "50px",
"text-shadow": "none"
},
"widgetSet": "timeAndWeather"
},
"e00003": {
"tpl": "tplMfdSocket",
"data": {
"oid": "hm-rpc.0.LEQ0411821.1.STATE",
"visibility-cond": "==",
"visibility-val": 1,
"asButton": false,
"invert_icon": false,
"invert_state": false,
"icon_off": "/vis/img/leer.png",
"icon_on": "/vis/img/Samsung_TVON.png",
"visibility-oid": ""
},
"style": {
"left": 100,
"top": 257,
"background": "none",
"z-index": "0",
"border-width": "",
"width": 21,
"height": 128,
"border-style": "none",
"border-color": "",
"border-radius": "",
"padding": ""
},
"widgetSet": "jqui-mfd"
},
"e00004": {
"tpl": "tplFancyGivaIButton",
"data": {
"oid": "hm-rpc.0.LEQ0411821.1.STATE",
"visibility-cond": "==",
"visibility-val": 1,
"labelOn": "ON",
"labelOff": "OFF",
"resizeHandle": "auto",
"resizeContainer": "auto",
"duration": "200",
"enableDrag": true,
"enableFx": false,
"test": false
},
"style": {
"left": "343px",
"top": "146px",
"width": "93px",
"height": "30px"
},
"widgetSet": "fancyswitch"
},
"e00005": {
"tpl": "tplJquiIconNav",
"data": {
"visibility-cond": "==",
"visibility-val": 1,
"nav_view": "HiFi",
"visibility-oid": ""
},
"style": {
"left": 74,
"top": 227,
"background": "none",
"border-style": "none",
"width": 107,
"height": 183,
"z-index": "2"
},
"widgetSet": "jqui"
},
"e00006": {
"tpl": "tplJquiIconNav",
"data": {
"visibility-cond": "==",
"visibility-val": 1,
"nav_view": "HiFi"
},
"style": {
"left": 123,
"top": 417,
"background": "none",
"border-style": "none",
"width": 58,
"height": "50px"
},
"widgetSet": "jqui"
},
"e00007": {
"tpl": "tplBarNavigator",
"data": {
"buttonsImage1": "/vis/img/leer.png",
"buttonsText1": "Demoview",
"buttonsOption1": "HiFi",
"buttonsImage2": "",
"buttonsText2": "Test",
"buttonsOption2": "test",
"buttonsImage3": "",
"buttonsText3": "Smartwatch",
"buttonsOption3": "Smartwatch",
"buttonsImage4": "",
"buttonsText4": "Hifi",
"buttonsOption4": "HiFi",
"buttonsImage5": "",
"buttonsText5": "Ipad",
"buttonsOption5": "iPad",
"bCount": "1",
"visibility-cond": "==",
"visibility-val": 1,
"bTheme": "",
"bPosition": "floatHorizontal",
"bSpace": "5",
"bRadius": "5",
"bOffset": "0",
"bTextAlign": "center",
"bImageAlign": "center",
"bLayout": "fixed",
"bShowEffect": "show",
"bShowEffectMs": "100",
"bHideEffect": "show",
"bHideEffectMs": "100",
"alwaysOpened": false,
"bStyleNormal": "bar-button-base-on",
"bStyleActive": "bar-button-no-background"
},
"style": {
"left": "246px",
"top": 168,
"width": "257px",
"height": "242px"
},
"widgetSet": "bars"
}
},
"name": "k",
"rerender": false,
"filterList": []
} -
Ich kann das bestätigen - auf meinem Mac gehen die View-Wechsel-Buttons, auf dem iPad reagieren sie nicht.
Muss noch ein wenig weiter basteln …
4746_blockly2.txt -
Ich glaub's nicht.
nichts funktioniert - wirklich!
Habe jetzt alles mögliche probiert.
mit Rand - damit ich sie überhaupt sehe, ich habe ja deine Bilder nicht.
Background: none -> geändert auf Background: transparent -> geändert auf Background: green -> geändert auf Background: (leer); Color: transparent
Ohne Erfolg.
Keine Ahnung warum. Ich spiele mal weiter
PC läuft - Android njet!
Gruß
Rainer
-
Ok, Vielen Dan schon mal für alles, ihr seit ja echt die coolsten
Wenn ich dir die Bilder geben soll oder sonst irgendwas sag bescheid.
Ich bin fast am verzwifeln,
liegt das jetzt an mir bzw an dem was ich da gebastelt habe, oder am Programm selbst?
-
Ich denke nicht, das es an "fehlenden" Bildern liegt.
Ich habe die Standard "jqui - Navigation - Icon" im Einsatz mit einem mdd-Bild - und es es reagiert auf dem iPad nicht.
Gruß,
Eric
PS: Hab gerade noch den "Nav - Button" ausprobiert - auf den iPad keine Funktion.
-
Ich konnte das Problem reproduzieren und fixen.. Aber das ist "Box of Pandora…"
Viele Widgets müssen angepasst werden (und getestet)...
Man kann testen:
cd /opt/iobroker npm install https://github.com/ioBroker/ioBroker.vis/tarball/master -
Installiert, probiert, geht!
Super, danke.
Gruß,
Eric
-
Super vielen Danke,
ich werde es heute Nachmittag auch mal direkt testen.
