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 "KI im Smart Home" - ioBroker plus n8n

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

    • Wir empfehlen: Node.js 22.x

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

    This topic has been deleted. Only users with topic management privileges can see it.
    • 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

                              523
                              Online

                              32.0k
                              Users

                              80.6k
                              Topics

                              1.3m
                              Posts

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