Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Tester für Responsive Design Initiative gesucht

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Tester für Responsive Design Initiative gesucht

    This topic has been deleted. Only users with topic management privileges can see it.
    • Negalein
      Negalein Global Moderator @simatec last edited by Negalein

      @simatec sagte in Tester für Responsive Design Initiative gesucht:

      Menü in Backitup

      Menü im Backit gibts keins.
      Die Tabs sind durch wischen erreichbar.

      e87aebf0-4d38-4a12-821e-56c803236adf-image.png

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

        @negalein Darum ja meine Frage… ich möchte gerne wissen, was @black-falcon87 da genau meint

        black.falcon87 1 Reply Last reply Reply Quote 0
        • black.falcon87
          black.falcon87 @simatec last edited by black.falcon87

          @simatec
          Ja genau das meine ich. Beim Backitup als Beispiel gibt es diese Navigationspunkte die durch seitliches Wischen erreicht werden. Nennen wir sie mal Tabs.
          Ich persönlich fände das von der Optik schöner weil es sich irgendwie mehr integriert anfühlt.
          Auch durch die Icons die mit enthalten sind.

          IMG_6148.jpeg

          Bei dem Beispiel hm-rega werden die drei Menüpunkte so als eine Art Overlay schwebend dargestellt. Die Hintergrund Farbe des Menüs passt irgendwie nicht so recht zu dem noch dunkleren Hintergrund dahinter.

          IMG_6149.jpeg

          Aber: Das ist sicherlich Geschmacksache 🙂

          Wobei die drei runden Buttons (Export, Import und Hilfe) würde ich einheitlich bei allen etwas anders darstellen. Vielleicht gemeinsam in einer eigenen Zeile oder so?

          IMG_6150.jpeg

          1 Reply Last reply Reply Quote 0
          • black.falcon87
            black.falcon87 last edited by

            Oder vielleicht eine Kombination:

            Man lässt das Hamburgermenü aber es öffnet sich mehr über die gesamte Breite beim Smartphone

            So wie zb hier:
            https://market.websitex5.com/de/objekte/vorschau/109860b8-2f31-41b7-a3be-2731327326d?_ga=2.167500414.1135213192.1731560079-71678437.1731560079

            Die Menüpunkte der Tabs könnten als große Buttons über das Smartphone ragen. Ein Icon passt auch bei jedem dazu. Stell dir die folgenden Zeilen Sample 1 bis Sample 4 als die Tabs aus Backitup vor. Natürlich farblich zum Admin passend, nicht mit diesem blauen Hintergrund

            IMG_6151.jpeg

            1 Reply Last reply Reply Quote 0
            • Negalein
              Negalein Global Moderator last edited by

              @simatec

              Fuelpricemonitor 0.4.1
              Up-/Downloadpfeile überlagern in jeder Handyauflösung

              Screenshot 2024-11-14 100631.jpg

              Fullybrowser 3.0.12
              Up-/Downloadpfeile überlagern in jeder Handyauflösung

              Screenshot 2024-11-14 100804.jpg

              History 3.0.1
              Up-/Downloadpfeile überlagern in jeder Handyauflösung

              Screenshot 2024-11-14 100836.jpg

              Influxdb 4.0.2
              Up-/Downloadpfeile überlagern in jeder Handyauflösung

              Screenshot 2024-11-14 101026.jpg

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

                Envertech PV 1.4.0 / Admin 7.3.1

                Help und Up/Download Buttons überlappen
                Tabelle nur mit Scrollen möglich
                Tabs per scrollen erreichbar, da aber tw. hinter Up/Download verstecht suboptimal

                0bcf963f-86ef-4d3a-a8f7-4b0504a3e1bd-image.png

                d3302b28-afec-4761-902a-a132c8b5c669-image.png

                0f50582b-fc91-4d9e-95d4-eafcedc563b9-image.png

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

                  @mcm1957 sowie ich mit @Bluefox dazu komme, werde ich mir die Punkte im Admin anschauen und auch für jsonConfig das Hamburger Menü für die Ansicht auf dem Smartphone einbauen.

                  mcm1957 1 Reply Last reply Reply Quote 1
                  • mcm1957
                    mcm1957 @simatec last edited by

                    @simatec
                    Schon klar - wollt den IST Stand hier nur dokumentieren.
                    Anpassungen jsonConfig komtm mit 1.4.0

                    1 Reply Last reply Reply Quote 0
                    • Negalein
                      Negalein Global Moderator last edited by

                      @simatec

                      Iqontrol 3.0.0
                      Scrollen nur in horizontaler Ausrichtung möglich

                      Screenshot 2024-11-14 235158.jpg

                      Logparser 2.2.2
                      Up-/Downloadpfeile überlagern in jeder Handyauflösung

                      Screenshot 2024-11-14 235338.jpg

                      Node-Red 5.2.1
                      Up-/Downloadpfeile überlagern in jeder Handyauflösung

                      Screenshot 2024-11-14 235503.jpg

                      Notification-Manager 1.3.0
                      Symbole rechts abgeschnitten (vertikale Ausrichtung)

                      Screenshot 2024-11-14 235629.jpg

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

                        @negalein sagte in Tester für Responsive Design Initiative gesucht:

                        Up-/Downloadpfeile

                        Das Thema wird im Admin generell für alle Adapter mit jsonConfig gefixt und ist bekannt.
                        Nur nicht wundern, dass ich die Adapter nicht mit in der Liste aufnehme

                        1 Reply Last reply Reply Quote 2
                        • spicer
                          spicer @simatec last edited by spicer

                          @simatec
                          Ist das der Grund, dass ich anfangs Monat immer "size attribute" Fehler bekomme?

                          Auswahl_007.png

                          Jey Cee 1 Reply Last reply Reply Quote 0
                          • Jey Cee
                            Jey Cee Developer @spicer last edited by

                            @spicer ja das ist der Grund.

                            1 Reply Last reply Reply Quote 0
                            • David G.
                              David G. @simatec last edited by

                              @simatec

                              Kurze Zwischenfrage.
                              Bezieht sich die Initiative "nur" auf die Settings der Adapter (wurde bisher hier nur angesprochen) oder auch für Frontend mancher Adapter.

                              Zb im Javascriptadapter, echarts etc.

                              Jey Cee simatec 2 Replies Last reply Reply Quote 0
                              • Jey Cee
                                Jey Cee Developer @David G. last edited by

                                @david-g zurzeit bezieht sich das nur auf die Einstellungen.

                                David G. 1 Reply Last reply Reply Quote 0
                                • David G.
                                  David G. @Jey Cee last edited by

                                  @jey-cee

                                  Okay.

                                  Wird ein seitliches Scrollen der Seite als nicht responsive angesehen?
                                  Weil evtl ein Eingabefeld zu breit ist oder zu viele nebeneinander sind?

                                  Jey Cee 1 Reply Last reply Reply Quote 0
                                  • Jey Cee
                                    Jey Cee Developer @David G. last edited by

                                    @david-g sagte in Tester für Responsive Design Initiative gesucht:

                                    Wird ein seitliches Scrollen der Seite als nicht responsive angesehen?
                                    Weil evtl ein Eingabefeld zu breit ist oder zu viele nebeneinander sind?

                                    Ja, das wird als nicht Responsive angesehen.
                                    So weit möglich soll so etwas vermieden werden, aber es kann Konstellationen geben da lässt es sich einfach nicht vermeiden.

                                    Wenn du da was hast das noch nicht hier Thema genannt wurde, immer her damit.

                                    1 Reply Last reply Reply Quote 0
                                    • simatec
                                      simatec Developer Most Active @David G. last edited by

                                      @david-g sagte in Tester für Responsive Design Initiative gesucht:

                                      @simatec

                                      Kurze Zwischenfrage.
                                      Bezieht sich die Initiative "nur" auf die Settings der Adapter (wurde bisher hier nur angesprochen) oder auch für Frontend mancher Adapter.

                                      Zb im Javascriptadapter, echarts etc.

                                      Du kannst hier gerne auch andere Frontend Themen melden. Wir arbeiten parallel daran

                                      David G. 1 Reply Last reply Reply Quote 0
                                      • David G.
                                        David G. @simatec last edited by David G.

                                        Wireguard - Buttons überlagern
                                        Screenshot_20241119_193807_Chrome.jpg

                                        Trashschedule - Buttons überlagern
                                        Screenshot_20241119_193747_Chrome.jpg

                                        Linux-Control - hier klappt garnichts 😅
                                        Screenshot_20241119_193524_Chrome.jpg

                                        Devicewatcher - Buttons überlagern
                                        Screenshot_20241119_193258_Chrome.jpg

                                        Tankerkoenig - seitliches Scrollen, Feld für api zu breit
                                        Screenshot_20241119_192516_Chrome.jpg

                                        Telegram - Buttons überlagern
                                        Screenshot_20241119_192427_Chrome.jpg

                                        Lovace - Text schiebt sich ineinander
                                        Screenshot_20241119_192239_Chrome.jpg Screenshot_20241119_192255_Chrome.jpg

                                        Und doch dann was in Frontend.
                                        Es wäre klasse, wenn in Blockly die linke Seite mit den Blöcken kleiner wäre wie in der Desktopansicht am Smartphone (oder seitlich kleiner schiebbar).
                                        Nutze Blockly in der Desktopansicht sehr viel. In der mobilen Ansicht nicht bedienbar.

                                        Screenshot_20241119_191307_Chrome.jpg Screenshot_20241119_191353_Chrome.jpg

                                        Garfonso 1 Reply Last reply Reply Quote 1
                                        • Feuersturm
                                          Feuersturm last edited by

                                          ValloxMV Adapter https://github.com/hacki11/ioBroker.valloxmv
                                          Die Buttons für Readme, Speichern Laden der Konfiguration werden nicht angezeigt bei den Auflösungen xs, sm
                                          60f4a4b9-fe95-453a-b640-54e80ff75a0d-grafik.png

                                          Sind das Fälle die auch gemeldet werden sollen?

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

                                            Adapter daswetter https://github.com/rg-engineering/ioBroker.daswetter
                                            38b415c3-680b-47a9-aa4f-b7cf7afbfaf5-grafik.png
                                            xs - Hauptseite - Es kann nicht nach unten gescrollt werden
                                            sm - Hauptseite - scrollen möglich aber es wird nicht die komplette Seite dargestellt. Unten fehlt eine Zeile

                                            Adapter esphome
                                            6b04bac5-26f4-4aba-89c7-79e5cbc0ea9a-grafik.png
                                            Es können in der mobilen Ansicht nicht alle Reiter ausgewählt werden
                                            Im Geräte Reiter überlagern sich die einzelnen Spalten für die Daten

                                            Adapter rega.0
                                            4664ed16-393f-4e56-9711-8c94b4fe565b-grafik.png
                                            Scrollen nicht möglich (gilt für alle Reiter)

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            789
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            15
                                            57
                                            4122
                                            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