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. Der "schöne Smartphone-VIS" Bastelthread

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    10
    1
    311

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.5k

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

Der "schöne Smartphone-VIS" Bastelthread

Geplant Angeheftet Gesperrt Verschoben Visualisierung
visown projectios app
52 Beiträge 18 Kommentatoren 11.5k Aufrufe 16 Watching
  • Ä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.
  • HiltexH Offline
    HiltexH Offline
    Hiltex
    schrieb am zuletzt editiert von
    #16

    Mein Design basiert nicht auf dem Material Design. Ich hab mir nur die css und Script Teile daraus geholt, die für das Seitenmenü notwendig sind

    Blog: indibit.de

    1 Antwort Letzte Antwort
    0
    • D Offline
      D Offline
      dtp
      schrieb am zuletzt editiert von
      #17

      Ich warte noch auf die https://forum.iobroker.net/viewtopic.php?f=8&t=19387&hilit=Viewer+iOS#p202299. Dann bastel ich mir mal ein paar Views für mein iPhone X und ggf. für das 2018er iPad Pro 12.9.

      ioBroker im Docker-Container auf Synology DiskStation DS718+, HomeMatic IP über CCU3, IKEA Dirigera inkl. Matter, Apple Homekit, Amazon Alexa.

      1 Antwort Letzte Antwort
      0
      • P Offline
        P Offline
        ple
        schrieb am zuletzt editiert von
        #18

        So, anscheinend ist das nur bei Dialog buttons, hab nun alle durch, immer der gleiche Effekt.

        Beim Nav Button klappt es, so wie bei dir im Projekt, dann müsste ich mal alles bei mir umbauen. Gleicher Header, ein Zurückbutton oben links. Genauso wie in den APPs vom iPhone selber.

        Intel Nuc + Proxmox

        1 Antwort Letzte Antwort
        0
        • HiltexH Offline
          HiltexH Offline
          Hiltex
          schrieb am zuletzt editiert von
          #19

          Ich finde den zurück-Knopf oben links unmöglich. Vom Flow her macht diese Position zwar Sinn, aber man kommt da immer so schlecht ran. Deswegen ist der bei mir momentan unten rechts im Menü. Aber so richtig zufrieden bin ich damit auch noch nicht.

          Zum Glück gibt es ja aber swipe. Ich will demnächst mal die Möglichkeiten der Wischgesten austesten.

          Blog: indibit.de

          1 Antwort Letzte Antwort
          0
          • P Offline
            P Offline
            ple
            schrieb am zuletzt editiert von
            #20

            Na gut, beim xs würde ich auch nicht drankommen.

            Ich glaub ich investiere mal ne paar Wochen und mache es mit wischgesten mal, so wie unter Einstellungen.

            Das material css ist ja schon genial mit den cards. Das schöne ist, es passt sich direkt an die Geräte an mit cards, egal auf iPhone 5, 6, iPad oder x.

            Man könnte sich auch ne App aussuchen und nachbauen.

            Wäre auch für die Einsteiger interessant, eben kurz die cards bearbeiten für die Aktoren und es läuft.

            Intel Nuc + Proxmox

            1 Antwort Letzte Antwort
            0
            • dewenniD Offline
              dewenniD Offline
              dewenni
              schrieb am zuletzt editiert von
              #21

              schöne Sache! Ich habe auch eben mal ein wenig gebastelt.

              Eine Frage zur Auflösung bzw. Zoom. Ich müsste es aktuell für ein iPhone 7 und ein iPhone SE erstellen.

              Das sind leider zwei unterschiedliche Auflösungen.

              Gibt es eine hier eine Möglichkeit mit Zoom zu arbeiten? Ich will ja nicht für beide iPhones getrennte Visualisierungen erstellen.

              1 Antwort Letzte Antwort
              0
              • M Offline
                M Offline
                mech
                schrieb am zuletzt editiert von
                #22

                Hallo , vielen Dank für die Super Vorlage.

                Ich habe nur eine Frage und versuche das mal zu erläutern.

                Wenn ich zb. auf Wohnzimmer klicke, dann wechselt ja die aufgerufene Seite. Wenn ich dann das "navbar" ausfahre indem ich auf den Button klicke. Dann erscheint ja das navbar zb. mit dem Menüpunkt "Übersicht", wenn ich dort nun drauf drücke, dann öffnet er auch wieder die Übersichtsseite im Hintergrund. Das Navbar Menü blendet sich aber nicht automatisch aus. Man muss dann noch einmal darauf klicken um es zu schliessen.

                Bekommt man es irgendwie hin , nachdem man in der Navbar / Menü etwas angeklickt hat das dieses automatisch schliesst?

                Würde mich freuen wenn es dazu eine Lösung gibt.

                1 Antwort Letzte Antwort
                0
                • HiltexH Offline
                  HiltexH Offline
                  Hiltex
                  schrieb am zuletzt editiert von
                  #23

                  Das passiert bei mir auch manchmal - aber nur bei der Übersichtsseite. Das war nicht von Anfang an, nur wann/wo sich das eingeschlichen hat, weiß ich leider nicht.

                  Blog: indibit.de

                  1 Antwort Letzte Antwort
                  0
                  • S Offline
                    S Offline
                    spraxel
                    schrieb am zuletzt editiert von
                    #24

                    Ja, daß Problem kenne ich auch.

                    Was noch merkwürdiger ist: erstelle mal einen Eintrag im NavBar oberhalb von Übersicht! Dann kannst du den zwar auswählen, aber danach kommst du über die NavBar nicht mehr da raus.

                    1 Antwort Letzte Antwort
                    0
                    • HiltexH Offline
                      HiltexH Offline
                      Hiltex
                      schrieb am zuletzt editiert von
                      #25

                      Hat mal jemand geprüft, ob das beim Material Design auch so ist?

                      Was mir dort jedenfalls aufgefallen ist: am Computer kann man das Menü öffnen und irgendwohin klicken, dann schließt sich das Menü. Am iPhone funktioniert das nicht. Deswegen habe ich den Schließen-Button eingebaut.

                      Blog: indibit.de

                      1 Antwort Letzte Antwort
                      0
                      • HiltexH Offline
                        HiltexH Offline
                        Hiltex
                        schrieb am zuletzt editiert von
                        #26

                        Ich habe das Problem gefunden. In der View 00_home ist oben ein View in Widget, das für das Einblenden des Seitenmenüs zuständig ist. Dort ist fälschlicherweise angegeben, dass es in mehreren Views angezeigt werden soll. Das darf es aber nicht, dann funktioniert es auch richtig.
                        9433_bildschirmfoto_2019-01-14_um_22.31.37.png

                        Blog: indibit.de

                        1 Antwort Letzte Antwort
                        0
                        • F Offline
                          F Offline
                          flubb
                          schrieb am zuletzt editiert von
                          #27

                          Hallo,

                          würde eure Vorlage auch gerne für mich verwenden (möchte darüber nur ein paar Lampen steuern, und Raumtemperaturen anzeigen). Leider bin ich bzgl. VIS noch blutiger Anfänger, und scheitere bereits beim Import :-( . Könnt ihr hier kurz Hilfestellung geben? Auch habe ich in dem bereitgestellten ZIP die Bilder z.B. für die Steckdose nicht gesehen, sind die bereits vorinstalliert oder brauche ich noch bestimmte Adapter für euren View?

                          Danke & sorry für die Anfängerfragen

                          Markus

                          1 Antwort Letzte Antwort
                          0
                          • HiltexH Offline
                            HiltexH Offline
                            Hiltex
                            schrieb am zuletzt editiert von
                            #28

                            Du brauchst die MFD Icons

                            http://www.iobroker.net/docu/?page_id=3571&lang=de

                            Blog: indibit.de

                            1 Antwort Letzte Antwort
                            0
                            • MicM Offline
                              MicM Offline
                              Mic
                              Developer
                              schrieb am zuletzt editiert von
                              #29

                              Hallo Hiltex,

                              vielen Dank für das super Design, klasse! 8-) Ich habe es für mich entsprechend übernommen :)

                              Auch sehr elegant umgesetzt mit den Widgets, ohne unnötiger Überlagerungen/Verbergungen.

                              Kurzer Tipp zu den svg-Icons, falls man sich welche aus dem Web herunterlädt:

                              Diese werden nicht korrekt übernommen in den Widgets, dazu einfach die svg im Text-Editor öffnen und alle Stellen von " <path d/durch/"<path/style="fill:#FFFFFF;" entsprechend/ersetzen./hier/muss/also/"fill:#ffffff"/vorhanden/sein,/dann/werden/die/bilder/korrekt/übernommen.<br=""> 6940_ipd2.png </path>

                              1 Antwort Letzte Antwort
                              0
                              • M Offline
                                M Offline
                                Mr.Oz
                                schrieb am zuletzt editiert von
                                #30

                                @flubb:

                                Hallo,

                                würde eure Vorlage auch gerne für mich verwenden (möchte darüber nur ein paar Lampen steuern, und Raumtemperaturen anzeigen). Leider bin ich bzgl. VIS noch blutiger Anfänger, und scheitere bereits beim Import :-( . Könnt ihr hier kurz Hilfestellung geben? Auch habe ich in dem bereitgestellten ZIP die Bilder z.B. für die Steckdose nicht gesehen, sind die bereits vorinstalliert oder brauche ich noch bestimmte Adapter für euren View?

                                Danke & sorry für die Anfängerfragen

                                Markus `

                                Hallo zusammen,

                                ich habe leider das gleiche Problem wie der User "flubb". Bei mir werden auch die Buttons für die Aktoren nicht angezeigt. Nach dem Imprt sehe ich diese zwar in der Widget-Auswahlliste aber nicht in der View. Habe versucht den Fehler selber zu finden aber komme da mit meinen Json-Anfängerwissen nicht weiter.

                                Folgendes habe ich … ich sag mal jetzt selbstbewusst herausgefunden :lol: und bereits nach Informationen aus dem Thread durchgeführt.

                                • Der Ordner ".AppleDouble" im Ordner images ist unter ssh oder per sftp nicht zu sehen. Im Vis Dateimanager ja aber die Bilder sind leer/gelöscht

                                • Im CSS Reiter werden einige Zeilen mit einen Ausrufekennzeichen gekennzeichnet. Zeilen mit "!Important"

                                • Wenn ich die Widgets (Bsp. w00052) Auswähle, fehlt im Eigenschaftenmenü die Gruppe "Allgemein"

                                • Adapter MFD SVG Version 1.0.2 ist installiert

                                • Vis Version 1.1.8 ist installiert

                                Muss man vielleicht den "Material UI" Adapter installieren um irgend welche Objekt zu installieren.

                                Hoffe mir kann jemand helfen.

                                @Hiltex: Das Design und die Idee sind wirklich super.

                                Gruß

                                Martin

                                9364_vis.png

                                1 Antwort Letzte Antwort
                                0
                                • M Offline
                                  M Offline
                                  Mr.Oz
                                  schrieb am zuletzt editiert von
                                  #31

                                  Hallo zusammen,

                                  habe den "Fehler" bzw. die fehlenden Widgets gefunden.

                                  Folgende Adapter muss man noch zusätzlich installieren

                                  https://github.com/ioBroker/ioBroker.vis-jqui-mfd.git

                                  Zusätzlich habe ich noch den Material Widget Adapter installiert.

                                  Ich denke der kann auch nicht schaden :D

                                  https://github.com/nisiode/ioBroker.vis-material.git

                                  Gruß Martin

                                  1 Antwort Letzte Antwort
                                  0
                                  • HiltexH Offline
                                    HiltexH Offline
                                    Hiltex
                                    schrieb am zuletzt editiert von
                                    #32

                                    Sorry, das stimmt. Ist mir aber leider nicht eingefallen. Liegt bestimmt daran, dass ich den seit Anfang an installiert habe.

                                    Blog: indibit.de

                                    1 Antwort Letzte Antwort
                                    0
                                    • M Offline
                                      M Offline
                                      Mr.Oz
                                      schrieb am zuletzt editiert von
                                      #33

                                      Kein Problem. Beim suchen eines Fehlers lernt man einiges ;)

                                      1 Antwort Letzte Antwort
                                      0
                                      • M Offline
                                        M Offline
                                        Marcel85
                                        schrieb am zuletzt editiert von
                                        #34

                                        Guten Morgen!

                                        Wirklich sehr schöne Visualisierung!

                                        Da ich noch keine Mobile-VIS habe, werde ich mal deine als Basis nehmen.

                                        Ich habe allerdings ein merkwürdiges Verhalten.

                                        Ich habe dein Projekt 2 mal Importiert, eine zum Testen und eine für den täglichen Einsatz.

                                        Sobald ich bei dem bisher unveränderten Projekt über das seitliche Menü was öffnen möchte, schließt sich das Menü ohne eine neue Seite zu öffnen.

                                        Hat jemand selbiges Verhalten?

                                        EDIT: Ich sehe gerade das das Thema schon weiter oben behandelt wurde! Läuft jetzt!

                                        Gruß

                                        Marcel

                                        1 Antwort Letzte Antwort
                                        0
                                        • M Offline
                                          M Offline
                                          Marcel85
                                          schrieb am zuletzt editiert von
                                          #35

                                          Ich schon wieder!

                                          Lässt sich der Dialog für einfaches Ein/Aus für die Beleuchtung separat ändern?

                                          Derzeit ist es ja so, dass der Dialog über CSS übergreifend verändert wird.

                                          Sprich: Ändere ich den Rolladen-Dialog, änder sich der Dialog beim jqui-mfd on/off auch.

                                          Bei diesem würde ich allerdings gerne den On/Off Taster separat ändern, dass dieser optisch dem Bereich Räume auf der Übersicht ähnelt.

                                          Schön groß und farbig.

                                          Gruß

                                          Marcel

                                          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

                                          329

                                          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