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.
    • mcm1957
      mcm1957 @black.falcon87 last edited by

      enigma 2.2.1 sollte ab morgen im LATEST verfügbar sein und die Anpassungen von @simatec enthalten.

      Bitte testen.

      1 Reply Last reply Reply Quote 1
      • simatec
        simatec Developer Most Active @black.falcon87 last edited by

        @black-falcon87 Kannst du mal ein Screenshot von dem Menü in Backitup machen? Ich weiß ehrlich nicht was du meinst.

        Und das Hamburger Menü wurde speziell für Smartphones eingeführt, da eine Darstellung einer lesbaren Tableiste dort nicht möglich ist

        Negalein 1 Reply Last reply Reply Quote 0
        • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            337
                                            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