Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Views wechseln auf iOS und Android

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.3k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.3k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.6k

Views wechseln auf iOS und Android

Geplant Angeheftet Gesperrt Verschoben Visualisierung
12 Beiträge 4 Kommentatoren 2.5k Aufrufe
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • K Offline
    K Offline
    K K
    schrieb am zuletzt editiert von
    #1

    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

    1 Antwort Letzte Antwort
    0
    • HomoranH Nicht stören
      HomoranH Nicht stören
      Homoran
      Global Moderator Administrators
      schrieb am zuletzt editiert von
      #2

      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

      kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

      1 Antwort Letzte Antwort
      0
      • K Offline
        K Offline
        K K
        schrieb am zuletzt editiert von
        #3

        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ß

        Kai
        305_heizungsscript_200b02_pre2.js

        1 Antwort Letzte Antwort
        0
        • HomoranH Nicht stören
          HomoranH Nicht stören
          Homoran
          Global Moderator Administrators
          schrieb am zuletzt editiert von
          #4

          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

          kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

          1 Antwort Letzte Antwort
          0
          • K Offline
            K Offline
            K K
            schrieb am zuletzt editiert von
            #5

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

            1 Antwort Letzte Antwort
            0
            • eric2905E Online
              eric2905E Online
              eric2905
              schrieb am zuletzt editiert von
              #6

              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

              Roses are red, violets are blue,

              if I listen to metal, my neighbours do too

              1 Antwort Letzte Antwort
              0
              • HomoranH Nicht stören
                HomoranH Nicht stören
                Homoran
                Global Moderator Administrators
                schrieb am zuletzt editiert von
                #7

                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

                kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                1 Antwort Letzte Antwort
                0
                • K Offline
                  K Offline
                  K K
                  schrieb am zuletzt editiert von
                  #8

                  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?

                  1 Antwort Letzte Antwort
                  0
                  • eric2905E Online
                    eric2905E Online
                    eric2905
                    schrieb am zuletzt editiert von
                    #9

                    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.

                    Roses are red, violets are blue,

                    if I listen to metal, my neighbours do too

                    1 Antwort Letzte Antwort
                    0
                    • BluefoxB Offline
                      BluefoxB Offline
                      Bluefox
                      schrieb am zuletzt editiert von
                      #10

                      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
                      
                      

                      4986_bildschirmfoto_2018-01-06_um_10.33.04.png

                      1 Antwort Letzte Antwort
                      0
                      • eric2905E Online
                        eric2905E Online
                        eric2905
                        schrieb am zuletzt editiert von
                        #11

                        Installiert, probiert, geht!

                        Super, danke.

                        Gruß,

                        Eric

                        Roses are red, violets are blue,

                        if I listen to metal, my neighbours do too

                        1 Antwort Letzte Antwort
                        0
                        • K Offline
                          K Offline
                          K K
                          schrieb am zuletzt editiert von
                          #12

                          Super vielen Danke,

                          ich werde es heute Nachmittag auch mal direkt testen.

                          1 Antwort Letzte Antwort
                          0
                          Antworten
                          • In einem neuen Thema antworten
                          Anmelden zum Antworten
                          • Älteste zuerst
                          • Neuste zuerst
                          • Meiste Stimmen


                          Support us

                          ioBroker
                          Community Adapters
                          Donate

                          753

                          Online

                          32.5k

                          Benutzer

                          81.7k

                          Themen

                          1.3m

                          Beiträge
                          Community
                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                          ioBroker Community 2014-2025
                          logo
                          • Anmelden

                          • Du hast noch kein Konto? Registrieren

                          • Anmelden oder registrieren, um zu suchen
                          • Erster Beitrag
                            Letzter Beitrag
                          0
                          • Home
                          • Aktuell
                          • Tags
                          • Ungelesen 0
                          • Kategorien
                          • Unreplied
                          • Beliebt
                          • GitHub
                          • Docu
                          • Hilfe