Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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. Trotz Zentrierung | Widgets nicht gleichmässig auf Endgerät

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    808

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    18
    1
    6.3k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.6k

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
31 Beiträge 4 Kommentatoren 1.5k Aufrufe 3 Beobachtet
  • Ä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.
  • sigi234S sigi234

    @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.

    TG70T Offline
    TG70T Offline
    TG70
    Forum Testing
    schrieb am zuletzt editiert von
    #16

    @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 ???

    ∘ MB ASRock J4105M Intel J4105 CPU M-ATX | 16 GB RAM | 480 GB SSD ∘ PROXMOX LCX-Container > IoBroker

    sigi234S 1 Antwort Letzte Antwort
    0
    • TG70T TG70

      @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 ???

      sigi234S Online
      sigi234S Online
      sigi234
      Forum Testing Most Active
      schrieb am zuletzt editiert von
      #17

      @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

      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
      Immer Daten sichern!

      TG70T 1 Antwort Letzte Antwort
      1
      • sigi234S sigi234

        @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

        TG70T Offline
        TG70T Offline
        TG70
        Forum Testing
        schrieb am zuletzt editiert von TG70
        #18

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

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

        ∘ MB ASRock J4105M Intel J4105 CPU M-ATX | 16 GB RAM | 480 GB SSD ∘ PROXMOX LCX-Container > IoBroker

        sigi234S 1 Antwort Letzte Antwort
        0
        • TG70T TG70

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

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

          sigi234S Online
          sigi234S Online
          sigi234
          Forum Testing Most Active
          schrieb am zuletzt editiert von
          #19

          @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

          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
          Immer Daten sichern!

          TG70T 1 Antwort Letzte Antwort
          0
          • sigi234S sigi234

            @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

            TG70T Offline
            TG70T Offline
            TG70
            Forum Testing
            schrieb am zuletzt editiert von
            #20

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

            ∘ MB ASRock J4105M Intel J4105 CPU M-ATX | 16 GB RAM | 480 GB SSD ∘ PROXMOX LCX-Container > IoBroker

            sigi234S 1 Antwort Letzte Antwort
            0
            • TG70T TG70

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

              sigi234S Online
              sigi234S Online
              sigi234
              Forum Testing Most Active
              schrieb am zuletzt editiert von
              #21

              @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

              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
              Immer Daten sichern!

              TG70T 1 Antwort Letzte Antwort
              0
              • sigi234S sigi234

                @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

                TG70T Offline
                TG70T Offline
                TG70
                Forum Testing
                schrieb am zuletzt editiert von TG70
                #22

                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

                ∘ MB ASRock J4105M Intel J4105 CPU M-ATX | 16 GB RAM | 480 GB SSD ∘ PROXMOX LCX-Container > IoBroker

                TG70T 1 Antwort Letzte Antwort
                0
                • TG70T 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

                  TG70T Offline
                  TG70T Offline
                  TG70
                  Forum Testing
                  schrieb am zuletzt editiert von
                  #23

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

                  ∘ MB ASRock J4105M Intel J4105 CPU M-ATX | 16 GB RAM | 480 GB SSD ∘ PROXMOX LCX-Container > IoBroker

                  TG70T 1 Antwort Letzte Antwort
                  0
                  • TG70T TG70

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

                    TG70T Offline
                    TG70T Offline
                    TG70
                    Forum Testing
                    schrieb am zuletzt editiert von
                    #24

                    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

                    ∘ MB ASRock J4105M Intel J4105 CPU M-ATX | 16 GB RAM | 480 GB SSD ∘ PROXMOX LCX-Container > IoBroker

                    OliverIOO 1 Antwort Letzte Antwort
                    0
                    • TG70T TG70

                      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

                      OliverIOO Offline
                      OliverIOO Offline
                      OliverIO
                      schrieb am zuletzt editiert von
                      #25

                      @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

                      Meine Adapter und Widgets
                      TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                      Links im Profil

                      TG70T 1 Antwort Letzte Antwort
                      0
                      • OliverIOO OliverIO

                        @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

                        TG70T Offline
                        TG70T Offline
                        TG70
                        Forum Testing
                        schrieb am zuletzt editiert von TG70
                        #26

                        @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 ??

                        ∘ MB ASRock J4105M Intel J4105 CPU M-ATX | 16 GB RAM | 480 GB SSD ∘ PROXMOX LCX-Container > IoBroker

                        1 Antwort Letzte Antwort
                        0
                        • OliverIOO Offline
                          OliverIOO Offline
                          OliverIO
                          schrieb am zuletzt editiert von
                          #27

                          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

                          Meine Adapter und Widgets
                          TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                          Links im Profil

                          TG70T 1 Antwort Letzte Antwort
                          1
                          • OliverIOO OliverIO

                            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

                            TG70T Offline
                            TG70T Offline
                            TG70
                            Forum Testing
                            schrieb am zuletzt editiert von
                            #28

                            @OliverIO .. du meinst hier ??

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

                            ∘ MB ASRock J4105M Intel J4105 CPU M-ATX | 16 GB RAM | 480 GB SSD ∘ PROXMOX LCX-Container > IoBroker

                            OliverIOO 1 Antwort Letzte Antwort
                            0
                            • TG70T TG70

                              @OliverIO .. du meinst hier ??

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

                              OliverIOO Offline
                              OliverIOO Offline
                              OliverIO
                              schrieb am zuletzt editiert von
                              #29

                              @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

                              Meine Adapter und Widgets
                              TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                              Links im Profil

                              TG70T 1 Antwort Letzte Antwort
                              0
                              • OliverIOO OliverIO

                                @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

                                TG70T Offline
                                TG70T Offline
                                TG70
                                Forum Testing
                                schrieb am zuletzt editiert von
                                #30

                                @OliverIO ... genau du meinst das hier

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

                                ∘ MB ASRock J4105M Intel J4105 CPU M-ATX | 16 GB RAM | 480 GB SSD ∘ PROXMOX LCX-Container > IoBroker

                                TG70T 1 Antwort Letzte Antwort
                                0
                                • TG70T TG70

                                  @OliverIO ... genau du meinst das hier

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

                                  TG70T Offline
                                  TG70T Offline
                                  TG70
                                  Forum Testing
                                  schrieb am zuletzt editiert von
                                  #31

                                  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

                                  ∘ MB ASRock J4105M Intel J4105 CPU M-ATX | 16 GB RAM | 480 GB SSD ∘ PROXMOX LCX-Container > IoBroker

                                  1 Antwort Letzte Antwort
                                  0

                                  Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                                  Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                                  Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                                  Registrieren Anmelden
                                  Antworten
                                  • In einem neuen Thema antworten
                                  Anmelden zum Antworten
                                  • Älteste zuerst
                                  • Neuste zuerst
                                  • Meiste Stimmen


                                  Support us

                                  ioBroker
                                  Community Adapters
                                  Donate

                                  719

                                  Online

                                  32.8k

                                  Benutzer

                                  82.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