Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Grösste Probleme mit Auflösung, Widget-Breiten usw.

NEWS

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

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

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

Grösste Probleme mit Auflösung, Widget-Breiten usw.

Scheduled Pinned Locked Moved Visualisierung
77 Posts 4 Posters 5.6k Views 2 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • HomoranH Homoran

    @delphinis sagte in Grösste Probleme mit Auflösung, Widget-Breiten usw.:

    In diesen hab ich eigene CSS-Regeln definiert

    wo?
    im widget oder im Reiter CSS?

    D Offline
    D Offline
    Delphinis
    wrote on last edited by Delphinis
    #66

    @homoran
    Im Widget, der Reiter CSS ist leer.
    Aber ich glaube das wär sowieso egal, da offenbar die Styles im gesamten vis überall global sind?

    HomoranH 1 Reply Last reply
    0
    • D Delphinis

      @homoran
      Im Widget, der Reiter CSS ist leer.
      Aber ich glaube das wär sowieso egal, da offenbar die Styles im gesamten vis überall global sind?

      HomoranH Do not disturb
      HomoranH Do not disturb
      Homoran
      Global Moderator Administrators
      wrote on last edited by
      #67

      @delphinis sagte in Grösste Probleme mit Auflösung, Widget-Breiten usw.:

      Im Widget,

      sollte dann nur in diesem Widget gelten
      (nichts bösartiges reinprogrammiert vorausgesetzt)

      kein Support per PN! - Fragen im Forum stellen -
      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
      Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

      D 1 Reply Last reply
      0
      • HomoranH Homoran

        @delphinis sagte in Grösste Probleme mit Auflösung, Widget-Breiten usw.:

        Im Widget,

        sollte dann nur in diesem Widget gelten
        (nichts bösartiges reinprogrammiert vorausgesetzt)

        D Offline
        D Offline
        Delphinis
        wrote on last edited by
        #68

        @homoran said in Grösste Probleme mit Auflösung, Widget-Breiten usw.:

        sollte dann nur in diesem Widget gelten

        Ja, das hab ich auch gedacht. Aber offenbar funktioniert es, wenn ich den ganzen <style> block rausnehme...

        HomoranH 1 Reply Last reply
        0
        • D Delphinis

          @homoran said in Grösste Probleme mit Auflösung, Widget-Breiten usw.:

          sollte dann nur in diesem Widget gelten

          Ja, das hab ich auch gedacht. Aber offenbar funktioniert es, wenn ich den ganzen <style> block rausnehme...

          HomoranH Do not disturb
          HomoranH Do not disturb
          Homoran
          Global Moderator Administrators
          wrote on last edited by Homoran
          #69

          @delphinis sagte in Grösste Probleme mit Auflösung, Widget-Breiten usw.:

          wenn ich den ganzen <style> block rausnehme...

          was ist das denn?
          also doch bösartig manipuliert? ;-)

          ich rede nur von Einstellungen in der rechten Sidebar

          kein Support per PN! - Fragen im Forum stellen -
          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
          Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
          der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

          D 1 Reply Last reply
          0
          • HomoranH Homoran

            @delphinis sagte in Grösste Probleme mit Auflösung, Widget-Breiten usw.:

            wenn ich den ganzen <style> block rausnehme...

            was ist das denn?
            also doch bösartig manipuliert? ;-)

            ich rede nur von Einstellungen in der rechten Sidebar

            D Offline
            D Offline
            Delphinis
            wrote on last edited by
            #70

            @homoran
            Ich meine im Code des HTML-Widgets, siehe oben. Sind da keine Style-Angaben erlaubt?

            D HomoranH 2 Replies Last reply
            0
            • D Delphinis

              @homoran
              Ich meine im Code des HTML-Widgets, siehe oben. Sind da keine Style-Angaben erlaubt?

              D Offline
              D Offline
              Delphinis
              wrote on last edited by
              #71

              Ich wollte ja gerade vermeiden, dass die eigenen Style-Regeln global wirken...

              1 Reply Last reply
              0
              • D Delphinis

                @homoran
                Ich meine im Code des HTML-Widgets, siehe oben. Sind da keine Style-Angaben erlaubt?

                HomoranH Do not disturb
                HomoranH Do not disturb
                Homoran
                Global Moderator Administrators
                wrote on last edited by
                #72

                @delphinis sagte in Grösste Probleme mit Auflösung, Widget-Breiten usw.:

                Ich meine im Code des HTML-Widgets, siehe oben. Sind da keine Style-Angaben erlaubt?

                aaah!
                deep diving!

                hab ich keine Ahnung von wie du das programmieren musst.

                kein Support per PN! - Fragen im Forum stellen -
                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
                der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                1 Reply Last reply
                0
                • HomoranH Do not disturb
                  HomoranH Do not disturb
                  Homoran
                  Global Moderator Administrators
                  wrote on last edited by
                  #73

                  @Delphinis

                  ich finde es allerdings ziemlich befremdlich dass du dich über

                  @delphinis sagte in Grösste Probleme mit Auflösung, Widget-Breiten usw.:

                  Scheint aber alles zusammengebastelt zu sein. ... Aber da scheint mir weniger mehr zu sein. Es gibt unzählige Widgets welche nicht richtig funktionieren.

                  beschwerst, selber aber tief in code eintauchst, und trotz mehrfacher Nachfrage erst nach 72 Posts erwähnst, dass du eigene CSS Anweisungen in den Code eingebracht hast, die möglicherweise alles verbiegen.

                  Da ich mit Programmierung nichts am Hut habe, bin ich hier raus.

                  kein Support per PN! - Fragen im Forum stellen -
                  Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                  Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton oben rechts. Danke!
                  der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                  D 1 Reply Last reply
                  1
                  • HomoranH Homoran

                    @Delphinis

                    ich finde es allerdings ziemlich befremdlich dass du dich über

                    @delphinis sagte in Grösste Probleme mit Auflösung, Widget-Breiten usw.:

                    Scheint aber alles zusammengebastelt zu sein. ... Aber da scheint mir weniger mehr zu sein. Es gibt unzählige Widgets welche nicht richtig funktionieren.

                    beschwerst, selber aber tief in code eintauchst, und trotz mehrfacher Nachfrage erst nach 72 Posts erwähnst, dass du eigene CSS Anweisungen in den Code eingebracht hast, die möglicherweise alles verbiegen.

                    Da ich mit Programmierung nichts am Hut habe, bin ich hier raus.

                    D Offline
                    D Offline
                    Delphinis
                    wrote on last edited by
                    #74

                    @homoran said in Grösste Probleme mit Auflösung, Widget-Breiten usw.:

                    und trotz mehrfacher Nachfrage

                    wo denn genau???
                    Es war zwar die Rede von CSS aber nirgends eine Nachfrage ob ich irgendwo CSS reingemacht hab. Ich hab das vor langer Zeit mal gemacht, da hab ich mich einfach nicht mehr daran erinnert...

                    OliverIOO 1 Reply Last reply
                    0
                    • D Delphinis

                      @homoran said in Grösste Probleme mit Auflösung, Widget-Breiten usw.:

                      und trotz mehrfacher Nachfrage

                      wo denn genau???
                      Es war zwar die Rede von CSS aber nirgends eine Nachfrage ob ich irgendwo CSS reingemacht hab. Ich hab das vor langer Zeit mal gemacht, da hab ich mich einfach nicht mehr daran erinnert...

                      OliverIOO Offline
                      OliverIOO Offline
                      OliverIO
                      wrote on last edited by OliverIO
                      #75

                      @delphinis

                      Mit ziemlicher Sicherheit ist es deine div Anweisung.
                      Leider gelten css regeln immer global und nicht nur für das html Widget.
                      Relativ am Anfang habe ich ja erzählt, das man das kapseln muss.
                      @Homoran leider sind stable Adapter nicht immer eine Garantie dafür das sowas nicht vorkommt. Viele kennen sich mit css nicht so gut aus und haben nur den Blick auf ihren Adapter/widget. Seiten Effekte auf andere Widgets sieht man ja nur wenn man genau hinschaut oder sich viele beschweren.

                      Da @Delphinis mehrere Anweisungen sogar direkt auf html Anweisungen macht wirkt das dann halt auch auf wirklich alle table oder div tags.

                      Für den sicheren Umgang fallen mir 2 Wege ein

                      1. beschränken auf das Widget, natürlich noch die Widget id anpassen
                      
                      #w000000 div {
                        padding-left: 10px;
                      }
                      
                      

                      Oder beschränken auf eine Klasse. Dazu muss dann myabc dann bei global in das Feld css klasse eingetragen werden. Dieser Ansatz ist flexibler und die Regeln sind wiederverwendbar. Es können auch mehrere css Klassen mit Leerzeichen getrennt dort eintragen, wenn man mehrere Effekte anbringen möchte.

                      
                      .myabc div {
                        padding-left: 10px;
                      }
                      
                      

                      Was die # oder der Punkt bedeuten am besten bei selfhtml nachlesen.

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

                      D 1 Reply Last reply
                      1
                      • OliverIOO OliverIO

                        @delphinis

                        Mit ziemlicher Sicherheit ist es deine div Anweisung.
                        Leider gelten css regeln immer global und nicht nur für das html Widget.
                        Relativ am Anfang habe ich ja erzählt, das man das kapseln muss.
                        @Homoran leider sind stable Adapter nicht immer eine Garantie dafür das sowas nicht vorkommt. Viele kennen sich mit css nicht so gut aus und haben nur den Blick auf ihren Adapter/widget. Seiten Effekte auf andere Widgets sieht man ja nur wenn man genau hinschaut oder sich viele beschweren.

                        Da @Delphinis mehrere Anweisungen sogar direkt auf html Anweisungen macht wirkt das dann halt auch auf wirklich alle table oder div tags.

                        Für den sicheren Umgang fallen mir 2 Wege ein

                        1. beschränken auf das Widget, natürlich noch die Widget id anpassen
                        
                        #w000000 div {
                          padding-left: 10px;
                        }
                        
                        

                        Oder beschränken auf eine Klasse. Dazu muss dann myabc dann bei global in das Feld css klasse eingetragen werden. Dieser Ansatz ist flexibler und die Regeln sind wiederverwendbar. Es können auch mehrere css Klassen mit Leerzeichen getrennt dort eintragen, wenn man mehrere Effekte anbringen möchte.

                        
                        .myabc div {
                          padding-left: 10px;
                        }
                        
                        

                        Was die # oder der Punkt bedeuten am besten bei selfhtml nachlesen.

                        D Offline
                        D Offline
                        Delphinis
                        wrote on last edited by Delphinis
                        #76

                        @oliverio
                        Danke für die Erklärung wie man das Kapseln kann. Ja es war das div.

                        Wäre es nicht ein guter Ansatz, für jedes View ein eigenes Stylesheet zu verwenden?
                        Jedes View hat ja eine eigene URL. Dann wäre das wie bei "Normalen" Webseiten auch?
                        Dann wäre dann auch die Fehlersuche etwas leichter. Es gibt ja auch CSS für's Projekt und für Global, die dann wohl übergeordnet sind.

                        Ich hab z.B. vorhin versucht in diesem "jqui Select ValueList" die Schriftgrösse in der Dropdown-Liste anzupassen, da die nicht dieselbe ist, wie oben. Da gibt es mehrere Threads im Forum, die das versucht haben. Ich hab mit Deinen Erklärungen das style gefunden und versucht es anzupassen. Da haben sie leider ein seeeehr globales style verwendet: .ui-widget
                        Das verändert dann sogar die Elemente des Editors!

                        Aber ich sehe jetzt wie ich die Dinge auf meine eigenen Elemente anpassen kann. Die untere hätte mir eigentlich auch einfallen können, mit einem eigenen prefix. Danke

                        PS: Wie kann man denn so eine globale, auf die Klasse beschränkte Regel "myabc" in einem bestimmten Widget anwenden?
                        Ach so, wahrscheinlich in Widget - Generell - CSS Klasse.

                        OliverIOO 1 Reply Last reply
                        0
                        • D Delphinis

                          @oliverio
                          Danke für die Erklärung wie man das Kapseln kann. Ja es war das div.

                          Wäre es nicht ein guter Ansatz, für jedes View ein eigenes Stylesheet zu verwenden?
                          Jedes View hat ja eine eigene URL. Dann wäre das wie bei "Normalen" Webseiten auch?
                          Dann wäre dann auch die Fehlersuche etwas leichter. Es gibt ja auch CSS für's Projekt und für Global, die dann wohl übergeordnet sind.

                          Ich hab z.B. vorhin versucht in diesem "jqui Select ValueList" die Schriftgrösse in der Dropdown-Liste anzupassen, da die nicht dieselbe ist, wie oben. Da gibt es mehrere Threads im Forum, die das versucht haben. Ich hab mit Deinen Erklärungen das style gefunden und versucht es anzupassen. Da haben sie leider ein seeeehr globales style verwendet: .ui-widget
                          Das verändert dann sogar die Elemente des Editors!

                          Aber ich sehe jetzt wie ich die Dinge auf meine eigenen Elemente anpassen kann. Die untere hätte mir eigentlich auch einfallen können, mit einem eigenen prefix. Danke

                          PS: Wie kann man denn so eine globale, auf die Klasse beschränkte Regel "myabc" in einem bestimmten Widget anwenden?
                          Ach so, wahrscheinlich in Widget - Generell - CSS Klasse.

                          OliverIOO Offline
                          OliverIOO Offline
                          OliverIO
                          wrote on last edited by
                          #77

                          @delphinis vis und alle views werden immer in einer einzigen html seite geladen.
                          wenn du die view umschaltest, dann werden nur bereiche ausgeblendet und der bereich der anderen view eingeblendet.

                          du kannst natürlich auch für jede view ein eigenes prefix verwenden.
                          allerdings könnte dann diese verwaltung etwas komplex werden.

                          um einheitliches format zu gewährleisten, wäre ein widgettyp oder effektspezifische benennung und zuordnung sinnvoll.

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

                          1 Reply Last reply
                          1

                          Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                          Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                          With your input, this post could be even better 💗

                          Register Login
                          Reply
                          • Reply as topic
                          Log in to reply
                          • Oldest to Newest
                          • Newest to Oldest
                          • Most Votes


                          Support us

                          ioBroker
                          Community Adapters
                          Donate

                          520

                          Online

                          32.7k

                          Users

                          82.6k

                          Topics

                          1.3m

                          Posts
                          Community
                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                          ioBroker Community 2014-2025
                          logo
                          • Login

                          • Don't have an account? Register

                          • Login or register to search.
                          • First post
                            Last post
                          0
                          • Home
                          • Recent
                          • Tags
                          • Unread 0
                          • Categories
                          • Unreplied
                          • Popular
                          • GitHub
                          • Docu
                          • Hilfe