Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät

    NEWS

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät

    This topic has been deleted. Only users with topic management privileges can see it.
    • TG70
      TG70 Forum Testing @sigi234 last edited by

      @sigi234 sagte in Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät:

      @TG70 sagte in Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät:

      Was wäre ein Material Design Widget, mit dem ich einen Wert definieren kann.
      Das heißt ich gebe hier einfach den Wert des Heizthermostates 22°C an das Wandthermostat weiter

      Sollte so gehen.

      Mit welchem Material Design Widget denn ?? Wie heißt das oder meinst du das kpl Material Design, was ich irgendwo mal gelesen habe ???

      sigi234 1 Reply Last reply Reply Quote 0
      • sigi234
        sigi234 Forum Testing Most Active @TG70 last edited by

        @TG70 sagte in Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät:

        Mit welchem Material Design Widget denn ?? Wie heißt das oder meinst du das kpl Material Design, was ich irgendwo mal gelesen habe ???

        https://forum.iobroker.net/topic/26925/test-adapter-material-design-widgets-v0-2-x

        TG70 1 Reply Last reply Reply Quote 1
        • TG70
          TG70 Forum Testing @sigi234 last edited by TG70

          @sigi234 ... Genau den habe ich installiert. Du meinst diesen??

          b7f0f2fd-9c4c-4cea-9d57-9959f62d87b6-grafik.png

          sigi234 1 Reply Last reply Reply Quote 0
          • sigi234
            sigi234 Forum Testing Most Active @TG70 last edited by

            @TG70 sagte in Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät:

            @sigi234 ... Genau den habe ich installiert. Du meinst diesen??

            b7f0f2fd-9c4c-4cea-9d57-9959f62d87b6-grafik.png

            Ja, hast du ihn auch hinzugefügt?

            Screenshot (1897)_LI.jpg

            TG70 1 Reply Last reply Reply Quote 0
            • TG70
              TG70 Forum Testing @sigi234 last edited by

              @sigi234 Jep nutze auch schon einige Widget davon.
              Mit welchen könnte ich die Temperatur Übergabe an das Wandthermostat realisieren ???

              sigi234 1 Reply Last reply Reply Quote 0
              • sigi234
                sigi234 Forum Testing Most Active @TG70 last edited by

                @TG70 sagte in Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät:

                @sigi234 Jep nutze auch schon einige Widget davon.
                Mit welchen könnte ich die Temperatur Übergabe an das Wandthermostat realisieren ???

                Vis-materialdesign-List

                TG70 1 Reply Last reply Reply Quote 0
                • TG70
                  TG70 Forum Testing @sigi234 last edited by TG70

                  Vielen Dank für den Tipp mit dem Material Design. Ist jetzt echt gerade mit folgendem Widget:
                  Edit: Funktioniert mit diesem Widget leider doch nicht

                  d6b8d59f-12fc-466c-9624-096667206ab2-grafik.png

                  TG70 1 Reply Last reply Reply Quote 0
                  • TG70
                    TG70 Forum Testing @TG70 last edited by

                    Nein - nehme das wieder zurück. Leider ist auch mit dem genannte Material Design Widget auf dem iPhone die
                    Darstellung nicht korrekt 😢

                    TG70 1 Reply Last reply Reply Quote 0
                    • TG70
                      TG70 Forum Testing @TG70 last edited by

                      Hat niemand mehr eine Idee - meine Versuche den ganzen Vormittag führen alle zu keinem Erfolg.
                      In real sieht es noch viel schlimmer aus wie auf dem "Foto".
                      Das ist jetzt mit den Material-Design-Widget

                      2f2fe62d-b6a2-4375-a1e5-a8d889d1e3d8-grafik.png

                      OliverIO 1 Reply Last reply Reply Quote 0
                      • OliverIO
                        OliverIO @TG70 last edited by

                        @TG70
                        wenn die positions attribute alle gechecket sind und es trotzdem zu Verschiebungen kommt,
                        dann muss man sich das html layout anschauen. dann ist in der css-definition noch irgendetwas krumm
                        eigentlich verwendet vis ohne das material design immer nur absolute positionierung
                        wenn man das mal unter android mit angeschaltetem debugging testet, dann könnte man mit den chrome dev tools auch mal direkt drauf schauen

                        TG70 1 Reply Last reply Reply Quote 0
                        • TG70
                          TG70 Forum Testing @OliverIO last edited by TG70

                          @OliverIO Danke für deine Rückmeldung

                          Komischerweise ist das erst bei der og. View aufgefallen.
                          Wie gesagt auf dem Windows Browsesr (Chrome/Firefox) ist der Versatz nicht zu sehen.
                          Nur auf den iOS Endgeräten.

                          Wie sieht die Standard CSS aus ?? Bzw. wo muss ich da genau schauen.
                          Leider habe ich aktuell kein Android Gerät hier im Haus. Nur iPad und iPhone ??

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

                            css sind die Formatvorlagen für HTML-Elemente.
                            Das Standard CSS gibt es daher nicht
                            Da kann man die die Größe, Farbe, Schrift, Ränder, und vieles mehr definieren.
                            da html-elemente ineinander verschachtelt sind, kann das recht komplex werden.
                            vis lässt uns diese angaben auf oberer widget-ebene definieren.
                            inneralb dessen ist dann der eigentliche widgetinhalt definiert.
                            da kann es immer wieder mal zu seiten effekten kommen.
                            Bei Geräte spezifischen Abweichungen, kann man eigentlich halt auch nur auf dem Gerät selbst nachschauen.

                            ich hatte so einen Fall jetzt aber auch noch nicht hier in vis

                            TG70 1 Reply Last reply Reply Quote 1
                            • TG70
                              TG70 Forum Testing @OliverIO last edited by

                              @OliverIO .. du meinst hier ??

                              0649277b-faef-42d5-ae19-080addc695f6-grafik.png

                              OliverIO 1 Reply Last reply Reply Quote 0
                              • OliverIO
                                OliverIO @TG70 last edited by

                                @TG70 auch, aber da ist meist leer.
                                schau mal was in den Einstellungen eines jeden widgets in der Überschrift dran steht:
                                CSS Allgmein
                                CSS Font & Text
                                usw

                                Alle Formatangaben sind CSS

                                TG70 1 Reply Last reply Reply Quote 0
                                • TG70
                                  TG70 Forum Testing @OliverIO last edited by

                                  @OliverIO ... genau du meinst das hier

                                  2031312e-59fd-4bc5-ab1f-d3604fb0c0d2-grafik.png

                                  TG70 1 Reply Last reply Reply Quote 0
                                  • TG70
                                    TG70 Forum Testing @TG70 last edited by

                                    Gut Lösung habe ich momentan wohl keine. Jetzt schon sehr viel Zeit damit verbracht....
                                    Habe einfach das Problem etwas umgangen und die Buttons rund gemacht 🙄

                                    71335985-63e6-4a7f-8b11-5d9b3668b302-grafik.png

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

                                    Support us

                                    ioBroker
                                    Community Adapters
                                    Donate

                                    879
                                    Online

                                    32.1k
                                    Users

                                    80.6k
                                    Topics

                                    1.3m
                                    Posts

                                    vis
                                    4
                                    31
                                    1213
                                    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