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

      @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
                                          • M
                                            MrLee last edited by

                                            Moin!

                                            Hat irgendjemand schon den zugriff auf iobroker.pro mit der 1.1.0 zum laufen bekommen?

                                            bis denne

                                            Mr.Lee

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.2k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            108
                                            947
                                            295988
                                            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