Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. IoBroker.vis Android App

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    IoBroker.vis Android App

    This topic has been deleted. Only users with topic management privileges can see it.
    • N
      nobody last edited by

      @simatec:

      Ich habe auf dem Samsung Galaxy Tab 3 das Problem, dass die Darstellung der Rolläden nicht mehr funktioniert.

      Bis zur Version 1.0.4 lief es noch.

      Jetzt sieht man in der Darstellung nicht, dass der Rolladen unten ist. Nur die Prozente werde geändert.

      Ein offenes Fenster hingehen wird dargestellt.

      Als Widget nutze ich hqwidget. `
      Wenn ich richtig nachgesehen habe, ist die letzte verfügbare Android-Version für die Galaxy Tab 3 Modelle 4.4.2. Somit ist das Tab leider von der Entfernung von Crosswalk betroffen. Für die Darstellung des Rollos verwendet das Widget eine Tabelle, die vor dem Bild gelegt wird und bei dem die Höhe des Rollos durch die Änderung der Höhe der Zeilen mittels style-height geändert wird.

      Das hat leider mit den alten Webkit-Webview von Android <=4.4.x nie richtig geklappt.

      1 Reply Last reply Reply Quote 0
      • N
        nobody last edited by

        @peoples:

        Hi nobody,

        die CSS-Sheets befinden sich in Vis im Reiter CSS jedoch nicht in global sondern in projekt.

        Die Android Version auf dem Tablet ist 5.1.1 `

        Styles im CSS-Reiter für das Projekt nutze ich auch. Funktioniert eigentlich ohne Probleme. Die CSS-Daten werden über die automatisch erzeugte Datei vis-user.css importiert.

        Ich hab deine beiden Beispiele in meine Projekt CSS übernommen. Die Klassen werden mit den Views übertragen und auch genauso wie im Browser angezeigt.

        Keine Ahnung, warum dies bei dir nicht klappt. Betrifft dies alle CSS-Definitionen oder nur die Buttons?

        Kann es sein, dass im anderen Inhalt der CSS-Daten Formatfehler sind? Die CSS-Daten werden von der App beim Import auf darin enthaltende Bilder untersucht und die Pfade auf das lokale Filesystem geändert. Wenn da Einträge für url src oder :"… drin sind, die nicht ordnungsgemäß geschlossen sind, kann es schon sein, dass dies zu komischen Effekten führt.

        1 Reply Last reply Reply Quote 0
        • Peoples
          Peoples last edited by

          Hi,

          es ist seltsam, wenn ich synce habe ich 344 Dateien die gesynct werden und bei der 342sten Datei bleibt er ewig hängen.

          Das mit dem Fehler in CSS denke/hoffe ich nicht, habe jedoch im spoiler mal mein ganzes CSS eingefügt.

          ! ````
          .test{
          clip:rect(0px 600px 275px 325px);
          position:absolute;

          }

          ! .button_site_navigation_grey
          {
          height:94px;
          width:150px;
          line-height:94px;
          text-align:center;
          vertical-align:middle;
          border:#85888a solid 3px;
          border-radius: 5px;
          font-size:22px;
          background: #0079FF;
          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
          background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
          background: -moz-linear-gradient(center top, #676a6e, #1f2122);
          color:white;
          }
          .button_site_navigation_blue
          {
          height:94px;
          width:150px;
          line-height:94px;
          text-align:center;
          vertical-align:middle;
          border:#1a89c8 solid 3px;
          border-radius: 5px;
          font-size:22px;
          background: #0079FF;
          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
          background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
          background: -moz-linear-gradient(center top, #676a6e, #1f2122);
          color:white;
          }
          .button_site_navigation_yellow
          {
          height:94px;
          width:150px;
          line-height:94px;
          text-align:center;
          vertical-align:middle;
          border:yellow solid 3px;
          border-radius: 5px;
          font-size:22px;
          background: #0079FF;
          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
          background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
          background: -moz-linear-gradient(center top, #676a6e, #1f2122);
          color:white;
          }

          .button_site_navigation_grey_200
          {
          height:94px;
          width:200px;
          line-height:94px;
          text-align:center;
          vertical-align:middle;
          border:#85888a solid 3px;
          border-radius: 5px;
          font-size:22px;
          background: #0079FF;
          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
          background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
          background: -moz-linear-gradient(center top, #676a6e, #1f2122);
          color:white;
          }
          .button_site_navigation_blue_200
          {
          height:94px;
          width:200px;
          line-height:94px;
          text-align:center;
          vertical-align:middle;
          border:#1a89c8 solid 3px;
          border-radius: 5px;
          font-size:22px;
          background: #0079FF;
          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
          background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
          background: -moz-linear-gradient(center top, #676a6e, #1f2122);
          color:white;
          }
          /* Noch notwendig?
          #visview_Home .ui-button,
          #visview_Klima .ui-button,
          #visview_Licht .ui-button,
          #visview_Strom .ui-button,
          #visview_System .ui-button,
          #visview_Fenster .ui-button,
          #visview_Kameras .ui-button,
          #visview_Kamera_Garage .ui-button,
          #visview_Netzwerk .ui-button,
          */
          #visview_Alarmanlage_code .ui-button,
          #visview_Fritzbox .ui-button
          {
          text-align:center;
          border:#85888a solid 3px;
          border-radius: 5px;
          font-size:32px;
          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
          background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#676a6e), to(#1f2122));
          background: -moz-linear-gradient(center top, #676a6e, #1f2122);
          color:white;
          }

          ! .text_white
          {
          color: white;
          font-family:verdana;
          font-size:16px;
          height:19px;

          }
          

          .info_box
          {
          z-index:0;
          background-color:#474a4d;
          background: rgb(71, 74, 77); /* The Fallback */
          background: rgba(71, 74, 77, 0.5);
          }

          ! .info_box_top
          {
          width:100%;
          height:40px;
          line-height:40px;
          text-align:center;
          text-shadow: 2px 2px #000;
          vertical-align:middle;
          color:white;
          font-size:25px;
          font:verdana;
          float:left;
          background-color:#474a4d;
          }
          .box_2_chambers
          {
          z-index:0;
          text-align:center;
          background-color:#474a4d;
          background: rgb(71, 74, 77); /* The Fallback /
          background: rgba(71, 74, 77, 0.5);
          }
          ! .box_2_chambers_top
          {
          width:50%;
          height:40px;
          line-height:40px;
          text-align:center;
          text-shadow: 2px 2px #000;
          vertical-align:middle;
          color:white;
          font-size:25px;
          font:verdana;
          float:left;
          background-color:#474a4d;
          }
          ! .box_2_chambers_separator
          {
          width:10px;
          /
          Firefox /
          height: -moz-calc(100% - 40px);
          /
          WebKit /
          height: -webkit-calc(100% - 40px);
          /
          Opera /
          height: -o-calc(100% - 40px);
          /
          Standard /
          height: calc(100% - 40px);
          background-color:#474a4d;
          display:inline-block;
          }
          .heating_box
          {
          z-index:0;
          background-color:#474a4d;
          background: rgb(71, 74, 77); /
          The Fallback /
          background: rgba(71, 74, 77, 0.3);
          }
          ! .heating_box_top
          {
          width:100%;
          height:27px;
          line-height:27px;
          text-align:center;
          vertical-align:middle;
          color:white;
          font-size:18px;
          font:verdana;
          float:left;
          background-color:#474a4d;
          }
          .temp_horizontal{
          background: linear-gradient(to right, #0e16e4 0px,#6488a2 60px,#dfab0d 110px,#fdff00 240px,#f00000 310px); /
          W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ /
          ! }
          .temp_vertikal{
          position:absolute;
          bottom:0;
          background: linear-gradient(to top, #0e16e4 0px,#6488a2 60px,#dfab0d 110px,#fdff00 240px,#f00000 310px); /
          W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ /
          /

          Alt
          #0e16e4 0px,#ffff00 190px,#ffff00 190px,#f00000 320px
          /
          }
          ! .saugroboter_power{
          position:absolute;
          bottom:0;
          background: linear-gradient(to top, #00b500 0px,#f00000 320px); /
          W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          ! }
          .saugroboter_text_power{
          transform: rotate(-90deg);

          }

          ! .saugroboter-historie{
          border-collapse: collapse;
          border-spacing:0;

          width:600px;
          

          }
          .saugroboter-historie th{
          background-image: url("/vis.0/Wandtablet/img/background/boxes/hintergrund_box_oben.png");
          background-repeat:repeat;
          height:40px;
          color:white;
          }
          .saugroboter-historie tr{
          background-color:red;
          text-align:right;

          ! }
          .saugroboter-historie td{
          width:120px;
          ! }
          ! .seitenwechsel-counter{
          text-align:center;
          vertical-align:middle;
          height:25px;
          width:25px;
          line-height:25px;
          border:1px solid red;
          border-radius:20px;
          font-size:12px;
          font-weight:bold;
          color:white;
          background-color:red;
          -webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.75);
          -moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.75);
          box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.75);
          }
          ! ````

          Gruß

          Steffen

          1 Reply Last reply Reply Quote 0
          • simatec
            simatec Developer Most Active last edited by

            Hab jetzt Android 7.1 geflasht und die Anzeige geht wieder …

            Danke für den Tipp

            Gesendet von iPhone mit Tapatalk

            1 Reply Last reply Reply Quote 0
            • N
              nobody last edited by

              @peoples:

              Hi,

              es ist seltsam, wenn ich synce habe ich 344 Dateien die gesynct werden und bei der 342sten Datei bleibt er ewig hängen.

              Das mit dem Fehler in CSS denke/hoffe ich nicht, habe jedoch im spoiler mal mein ganzes CSS eingefügt. `
              Ich hab das CSS jetzt bei mir testweise eingefügt und erfolgreich übertragen. Daran sollte es nicht liegen. Somit verstehe ich die Ursache leider auch nicht. Ohne die Logdaten der App bei der Synchronisation auszulesen kommt man hier wahrscheinlich nur schwer weiter.

              Falls du auf deinem Gerät ROOT-Zugriff hast, kannst du auch schauen, welche CSS-Informationen auf das Gerät übertragen wurden.

              Die Datei sollte sich an folgenden Ort befinden:

              /data/data/net.iobroker.vis/files/[projektname]/vis-user.css
              
              1 Reply Last reply Reply Quote 0
              • F
                fubo08 last edited by

                @fubo08:

                Bei mir funktioniert die Kamera zwar wieder (die meiste Zeit). Aber dafür stürzt die App alle 5min ab. Also die aktuelle Beta von gestern. Hat das noch jemand? `
                Hat hierzu jemand eine Idee?!

                Seit dem Update der App, beendet sie sich automatisch nach ca. 5Min.

                Bei mir kommt ein Acer Iconia B20 mit Android 5.x zum Einsatz.

                Gruß Dennis

                1 Reply Last reply Reply Quote 0
                • N
                  nobody last edited by

                  Ohne weitere Log-Informationen ist es wahrscheinlich schwierig, hier die Ursache zu erraten. Und die sind wie oben beschrieben leider nicht so einfach zu bekommen.

                  Ab Android 5.x wird normalerweise der Webview über den Play-Store aktualisiert. Manchmal muss man das bei Android 5 das erste Mal manuell starten. Schau mal nach, ob die System-App Android System WebView bei dir installiert ist und eine Version 61.x hat. Wenn nicht, kannst du die aus dem Playstore installieren.

                  Die VIS-App verwendet dann den darin enthaltenen In-App-Browser zur Darstellung.

                  Vielleicht hilft das ja.

                  1 Reply Last reply Reply Quote 0
                  • Peoples
                    Peoples last edited by

                    @nobody:

                    Ohne die Logdaten der App bei der Synchronisation auszulesen kommt man hier wahrscheinlich nur schwer weiter. `

                    Wie mach ich das denn? Leider habe ich kein Root an meinem Tablet, habe.

                    Gruß

                    Steffen

                    1 Reply Last reply Reply Quote 0
                    • N
                      nobody last edited by

                      Rooten musst du dein Gerät dafür nicht.

                      Aber du musst die Debug-Version der App installieren (bluefox hat die Links weiter oben gepostet) und ein paar Treiber auf den PC istallieren, um die Daten über USB mittels Google Chrome am PC anzuzeigen. Die Anleitung dazu ist auch weiter oben verlinkt.

                      Alternativ kannst du die App am PC im Emulator laufen lassen. http://www.memuplay.com funktioniert zum Beispiel ganz gut. Da kommst du dann direkt an die lokalen Daten im Gerätespeicher mit dem es explorer. Für das Log muss hier aber trotzdem eine Verbindung zum PC Chrome hergestellt werden.

                      EDIT:

                      Im MEMU hast du ROOT-Rechte. Dann kann man statt den Umweg über das Remote-Debugging zu gehen auch einfach z.B. die App Android Debugger installieren und die mitlaufen lassen. Da sind dann auch alle relevanten Logeinträge sichtbar (wenn man die Debug-Version der App installiert hat).

                      1 Reply Last reply Reply Quote 0
                      • F
                        fubo08 last edited by

                        @nobody:

                        Ab Android 5.x wird normalerweise der Webview über den Play-Store aktualisiert. Manchmal muss man das bei Android 5 das erste Mal manuell starten. Schau mal nach, ob die System-App Android System WebView bei dir installiert ist und eine Version 61.x hat. Wenn nicht, kannst du die aus dem Playstore installieren.

                        Die VIS-App verwendet dann den darin enthaltenen In-App-Browser zur Darstellung.

                        Vielleicht hilft das ja. `
                        Super, das scheint es gewesen zu sein! Die System-APP WebView war zwar installiert, aber ich habe sie einmal deinstalliert und neu installiert und seit dem geht iobroker.vis wieder wie es soll. 🙂

                        1 Reply Last reply Reply Quote 0
                        • M
                          mrMuppet last edited by

                          Hab ich ne Chance mit nem alten, gerooteten Android 4.1.1-Tablet die App zu benutzen? In Chrome funktioniert die Oberfläche, aber die app (über apk-installation) zeigt leider keine Verbindung an.

                          Gibt's einen Lösung oder muss ich doch ein anderes Tablet nehmen?

                          Gesendet von meinem ONEPLUS A3003 mit Tapatalk

                          1 Reply Last reply Reply Quote 0
                          • simatec
                            simatec Developer Most Active last edited by

                            Ich habe eine Lineage-Rom geflasht und damit das Problem umgangen.

                            Was hast du für ein Tablet?

                            Gesendet von iPhone mit Tapatalk

                            1 Reply Last reply Reply Quote 0
                            • M
                              mrMuppet last edited by

                              @simatec:

                              Ich habe eine Lineage-Rom geflasht und damit das Problem umgangen.

                              Was hast du für ein Tablet?

                              Gesendet von iPhone mit Tapatalk ` Ist leider ein sehr billiges noname Ding. Hab aber sogar noch ein aus Reserve liegen deshalb würde ich erstmal gerne dabei bleiben. Nennt sich nextbook, da hab ich schon seit Jahren keine Updates mehr bekommen, geschweige denn ein Custom Rom. Bin schon froh, dass ich root hab.

                              Gesendet von meinem ONEPLUS A3003 mit Tapatalk

                              1 Reply Last reply Reply Quote 0
                              • Rene_HM
                                Rene_HM Developer last edited by

                                @mrMuppet:

                                Hab ich ne Chance mit nem alten, gerooteten Android 4.1.1-Tablet die App zu benutzen? `

                                Bei mir läuft die app (version 1.1.0) auf einem Odys Noon mit Android 4.1.1.

                                Einzig das update verschiedener Werte setzt manchmal (unregelmässig) aus. Hier bin ich noch nicht dahinter gekommen,

                                wann und warum das passiert…

                                1 Reply Last reply Reply Quote 0
                                • bahnuhr
                                  bahnuhr Forum Testing Most Active last edited by

                                  Bei mir läuft die app mittlerweile sehr gut.

                                  Resync klappt nun auch mit annehmbaren Zeiten (ca. 1-2 Minuten).

                                  Folgender Fehler ist mir dennoch aufgefallen:

                                  Bei manchen widgets (hqwidget - temperature oder on/off) gibt es einen Punkt "keine Beschreibung links anzeigen".

                                  Auch wenn dieser angeklickt ist, wird in der app die Beschreibung angezeigt.

                                  (Am Win-PC wird die Beschreibung jedoch nicht angezeigt).

                                  Ist mir erst seit kurzem aufgefallen (ich meine früher wurde die beschreibung nicht angezeigt).

                                  Wurde da hier etwas geändert ?

                                  mfg

                                  Dieter

                                  1 Reply Last reply Reply Quote 0
                                  • M
                                    mrMuppet last edited by

                                    @Rene_HM:

                                    @mrMuppet:

                                    Hab ich ne Chance mit nem alten, gerooteten Android 4.1.1-Tablet die App zu benutzen? `

                                    Bei mir läuft die app (version 1.1.0) auf einem Odys Noon mit Android 4.1.1.

                                    Einzig das update verschiedener Werte setzt manchmal (unregelmässig) aus. Hier bin ich noch nicht dahinter gekommen,

                                    wann und warum das passiert… ` Ok! Gut zu wissen! Dann liegts vielleicht an der geänderten LCD density… Ich ich probiere es mal weiter...

                                    Gesendet von meinem ONEPLUS A3003 mit Tapatalk

                                    1 Reply Last reply Reply Quote 0
                                    • M
                                      mrMuppet last edited by

                                      Hmm.. Ich hab jetzt mal die Einstellungen zurück gesetzt, das baugleiche Ersatztablet auch getestet: das Häkchen Verbindung aufgebaut erscheint einfach nicht. Ansonsten sind alle Einstellungen wie am Smartphone (wo es funktioniert). Ist halt nur Android 4.1.1… Noch irgendeine Idee?

                                      Gesendet von meinem ONEPLUS A3003 mit Tapatalk

                                      Edit: nach vielem ausprobieren (titanium Backup vom Smartphone auf tablet wiederhergestellt) updates aller apps, etc. Funktioniert es plötzlich! Keine Ahnung was das Problem war.

                                      [Solved]

                                      1 Reply Last reply Reply Quote 0
                                      • M
                                        MrLee last edited by

                                        Moin!

                                        Hab egrade auf die 1.1.0 geupdated (deinstallation, neue Installation).

                                        Leider geht die mbil-Verbindung (lokal/WLAN kann ich gerade nicht testen) weder über iobroker.pro, noch (wie bisher) über meinen reverse-proxy…

                                        Es findet kein connect statt und bei meinem eigenen Server auch keine Abfrage nach den http-credentials (wie bisher).

                                        Hat noch jemand Probleme mit dem Remotezugriff und dieser Version?

                                        bis denne

                                        Mr.Lee

                                        1 Reply Last reply Reply Quote 0
                                        • Meistertr
                                          Meistertr Developer last edited by

                                          @MrLee:

                                          Moin!

                                          Hab egrade auf die 1.1.0 geupdated (deinstallation, neue Installation).

                                          Leider geht die mbil-Verbindung (lokal/WLAN kann ich gerade nicht testen) weder über iobroker.pro, noch (wie bisher) über meinen reverse-proxy…

                                          Es findet kein connect statt und bei meinem eigenen Server auch keine Abfrage nach den http-credentials (wie bisher).

                                          Hat noch jemand Probleme mit dem Remotezugriff und dieser Version?

                                          bis denne

                                          Mr.Lee ` Mit iobroker.pro klappt es bei mir auch nicht. Was anderes nutze ich bis lang nicht

                                          Gesendet von meinem Handy

                                          1 Reply Last reply Reply Quote 0
                                          • K
                                            Koelner last edited by

                                            Habe ein kleines Problem auf meinem Acer Iconia Tab 10 A3-A40. Dieses Kann FullHD aber mit der App auf dem Display wird alles etwas anders angezeigt als im Editor und am PC (auch Full HD Display).

                                            Habe jetzt nur das Bild aus dem Editor. Es wird z.B. oben beim Datum wird "2017" in eine neue Reihe verschoben (aber nur auf dem Tablet). Auch bei dem Wetter ist beim Tag "Mittwoch" nichts mehr zu sehen. Beim Zoomfaktor für Landscape habe 100 gewählt und im Editor auch überall bei den Views Full HD Landscape gewählt.

                                            Das Problem ist auch, dass ich im Editor gar nicht so gut erkennen kann, bis wohin mein Arbeitsbereich ist. Wenn ich HD Landscape einstelle, dann kann ich die Grenze sehen.

                                            Was mache ich falsch?
                                            3853_vis_android_app.png

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            899
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            108
                                            947
                                            287838
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo