Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
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

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.0k

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

Geplant Angeheftet Gesperrt Verschoben Visualisierung
77 Beiträge 4 Kommentatoren 5.3k Aufrufe 2 Watching
  • Ä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.
  • HomoranH Homoran

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

    Aber wenn ich dann Leute hören, die sagen "Das war schon immer so", dann, na ja.

    Bitte keine Aussagen verdrehen!

    Firefox hat schon immer die CSS anders interpretiert als Chrome!

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

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

    Firefox hat schon immer die CSS anders interpretiert als Chrome!

    aber nur im rahmen der interpretationsmöglichkeit des w3c.
    es gibt einen standardisierten test (acid-test, sehe gerade, den gibt esseit 10 jahren nicht mehr),
    der das überprüft. meist werden die punkte dann in einem späteren release
    der renderengine behoben, bzw. wurch das w3c konsortium mit in den standard eingebracht.
    so groß sind die unterschiede nicht. ggfs. ist auch chromium schneller in der umsetzung von ganz neuen experimentiellen features wie mozilla. das liegt halt auch an der größzügigen unterstützung von google.
    aber, hm, der größte geldgeber von mozilla ist ja auch google, hm (kleiner fun-fact am rande)

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

    HomoranH 1 Antwort Letzte Antwort
    0
    • OliverIOO OliverIO

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

      Firefox hat schon immer die CSS anders interpretiert als Chrome!

      aber nur im rahmen der interpretationsmöglichkeit des w3c.
      es gibt einen standardisierten test (acid-test, sehe gerade, den gibt esseit 10 jahren nicht mehr),
      der das überprüft. meist werden die punkte dann in einem späteren release
      der renderengine behoben, bzw. wurch das w3c konsortium mit in den standard eingebracht.
      so groß sind die unterschiede nicht. ggfs. ist auch chromium schneller in der umsetzung von ganz neuen experimentiellen features wie mozilla. das liegt halt auch an der größzügigen unterstützung von google.
      aber, hm, der größte geldgeber von mozilla ist ja auch google, hm (kleiner fun-fact am rande)

      HomoranH Nicht stören
      HomoranH Nicht stören
      Homoran
      Global Moderator Administrators
      schrieb am zuletzt editiert von
      #35

      @oliverio Aber zumindest die mobile Version wird immer schlimmer was die Grafik angeht.
      seit paar Monaten habe ich andauernd Artefakte in den Charts

      kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

      OliverIOO 1 Antwort Letzte Antwort
      0
      • OliverIOO OliverIO

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

        Und die ist nicht gleich

        dann mein review komplett lesen.
        den einen punkt hast du dann verpasst

        24ab79d4-442a-4657-a609-ad2c1fbf97bc-image.png

        D Offline
        D Offline
        Delphinis
        schrieb am zuletzt editiert von
        #36

        @oliverio
        Wie hast du das geschafft?
        a4891e55-8ef3-4b89-b531-c527e68b4416-1719417478634-24ab79d4-442a-4657-a609-ad2c1fbf97bc-image.png
        Kannst du mir die Widgets exportieren?

        OliverIOO 1 Antwort Letzte Antwort
        0
        • D Delphinis

          @oliverio
          Wie hast du das geschafft?
          a4891e55-8ef3-4b89-b531-c527e68b4416-1719417478634-24ab79d4-442a-4657-a609-ad2c1fbf97bc-image.png
          Kannst du mir die Widgets exportieren?

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

          @delphinis

          in dem du mein review genau und bis zum ende liest.

          speziell diesen punkt

          Position ist je nach widget anders, obwohl alle die selbe PosX oder PosY haben.
          -> ja korrekt die widgets mit 1TG und > haben noch ein padding von 10 eingestellt. wenn du das löscht, dann sind alle auf der richtigen top position.
          das padding ist in den vis properties drin. das hast du wahrscheinlich selber eingegeben

          [{"tpl":"tplJquiButtonNav","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttontext":">","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"nav_view":"13hbat_"},"style":{"left":"412px","top":"238px","padding":"","width":"53px","height":"21px","font-size":"x-small"},"widgetSet":"jqui"},{"tpl":"tplJquiSelectList","data":{"oid":"javascript.0.Vis.Flot.solarTimeRange","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"values":"1440;2880;4320;10080;20160;40320","texts":"1Tg;2Tg;3Tg;7Tg;14Tg;28Tg","height":"220","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"open":true,"no_style":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide"},"style":{"left":"328px","top":"238px","width":"67px","height":"21px","padding":"","font-size":"x-small","font-weight":"bold"},"widgetSet":"jqui"},{"tpl":"tplJquiSelectList","data":{"oid":"javascript.0.Vis.Flot.batSensor","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"values":"alias.0.TH-Heizregler;\nalias.0.TH-Bar;\nalias.0.TH-Bureau;\nalias.0.TH-Bad;\nalias.0.TH-SchlzRaum;\nalias.0.TH-SchlzWand;\nalias.0.TH-OutHolzunterstand;\nalias.0.TH-OutNO;\nalias.0.TH-OutSW;\nalias.0.TH-Garage;\nalias.0.TH-Weinkeller;\nalias.0.TH-Werkraum;\nalias.0.TH-Kuehl_In;\nalias.0.TH-Tiefkuehl;\nalias.0.TH-HeizVorlauf;\nalias.0.TH-HeizRuecklauf;\nalias.0.TH-HeizBoiler;","texts":"Heizregler;\nBar;\nBüro;\nBad;\nSchlafzimmer Raum;\nSchlafzimmer Wand;\nHolzunterstand;\nAussen NO;\nAussen SW;\nGarage;\nWeinkeller;\nWerkraum;\nKühlschrank;\nTiefkühler;\nVorlauf;\nRücklauf;\nBoiler;","height":"215","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"open":true,"no_style":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide"},"style":{"left":"157px","top":"238px","width":"145px","height":"21px","padding":"","font-size":"x-small","z-index":"","overflow-x":""},"widgetSet":"jqui"}]
          

          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 Antwort Letzte Antwort
          0
          • HomoranH Homoran

            @oliverio Aber zumindest die mobile Version wird immer schlimmer was die Grafik angeht.
            seit paar Monaten habe ich andauernd Artefakte in den Charts

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

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

            Aber zumindest die mobile Version wird immer schlimmer was die Grafik angeht.
            seit paar Monaten habe ich andauernd Artefakte in den Charts

            das müsste man sich genau anschauen.
            wie gesagt spielen manchmal andere adapter da übel rein.
            am besten mal in einer separaten installation testen, mit möglichst wenigen vis-adaptern.
            ansonsten über die web developer tools versuchen das artefakt zu identifizieren und schauen welche css anweisung da reinspielt und analog solchen anweisungen wie hier im thread zu neutralisieren, geht aber nicht immer

            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 Antwort Letzte Antwort
            0
            • OliverIOO OliverIO

              @delphinis

              in dem du mein review genau und bis zum ende liest.

              speziell diesen punkt

              Position ist je nach widget anders, obwohl alle die selbe PosX oder PosY haben.
              -> ja korrekt die widgets mit 1TG und > haben noch ein padding von 10 eingestellt. wenn du das löscht, dann sind alle auf der richtigen top position.
              das padding ist in den vis properties drin. das hast du wahrscheinlich selber eingegeben

              [{"tpl":"tplJquiButtonNav","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttontext":">","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"nav_view":"13hbat_"},"style":{"left":"412px","top":"238px","padding":"","width":"53px","height":"21px","font-size":"x-small"},"widgetSet":"jqui"},{"tpl":"tplJquiSelectList","data":{"oid":"javascript.0.Vis.Flot.solarTimeRange","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"values":"1440;2880;4320;10080;20160;40320","texts":"1Tg;2Tg;3Tg;7Tg;14Tg;28Tg","height":"220","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"open":true,"no_style":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide"},"style":{"left":"328px","top":"238px","width":"67px","height":"21px","padding":"","font-size":"x-small","font-weight":"bold"},"widgetSet":"jqui"},{"tpl":"tplJquiSelectList","data":{"oid":"javascript.0.Vis.Flot.batSensor","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"values":"alias.0.TH-Heizregler;\nalias.0.TH-Bar;\nalias.0.TH-Bureau;\nalias.0.TH-Bad;\nalias.0.TH-SchlzRaum;\nalias.0.TH-SchlzWand;\nalias.0.TH-OutHolzunterstand;\nalias.0.TH-OutNO;\nalias.0.TH-OutSW;\nalias.0.TH-Garage;\nalias.0.TH-Weinkeller;\nalias.0.TH-Werkraum;\nalias.0.TH-Kuehl_In;\nalias.0.TH-Tiefkuehl;\nalias.0.TH-HeizVorlauf;\nalias.0.TH-HeizRuecklauf;\nalias.0.TH-HeizBoiler;","texts":"Heizregler;\nBar;\nBüro;\nBad;\nSchlafzimmer Raum;\nSchlafzimmer Wand;\nHolzunterstand;\nAussen NO;\nAussen SW;\nGarage;\nWeinkeller;\nWerkraum;\nKühlschrank;\nTiefkühler;\nVorlauf;\nRücklauf;\nBoiler;","height":"215","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"open":true,"no_style":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide"},"style":{"left":"157px","top":"238px","width":"145px","height":"21px","padding":"","font-size":"x-small","z-index":"","overflow-x":""},"widgetSet":"jqui"}]
              

              D Offline
              D Offline
              Delphinis
              schrieb am zuletzt editiert von
              #39

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

              das padding ist in den vis properties drin. das hast du wahrscheinlich selber eingegeben

              Upps.

              Wie hast du denn die Höhen ausgeglichen? Mit CSS?
              Wenn ich nämlich ein value-list und ein Button jungfräulich reinziehe bekomme ich das:
              f3f1e9b3-92bb-40a0-9fae-f926adabc48f-grafik.png

              So, hab die Widgets wieder importiert.
              Bei mir aber wieder abgeschnitten:
              Editor:
              6c3d5554-6a29-4c59-b34c-c6ca7b42eb95-grafik.png

              Runtime:
              732cca0c-b0da-47bb-a249-e73a4dd422ba-grafik.png

              Scheint bei mir einfach nicht zu tun. Hab aber mittlerweile fast alle vis-Adapter deinstalliert. iobroker gestoppt und wieder gestartet.
              Dann bleibt mir wohl nichts anderes übrig als all die vielen css regeln durchzuackern und rumzupröbeln...

              OliverIOO 3 Antworten Letzte Antwort
              0
              • D Delphinis

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

                das padding ist in den vis properties drin. das hast du wahrscheinlich selber eingegeben

                Upps.

                Wie hast du denn die Höhen ausgeglichen? Mit CSS?
                Wenn ich nämlich ein value-list und ein Button jungfräulich reinziehe bekomme ich das:
                f3f1e9b3-92bb-40a0-9fae-f926adabc48f-grafik.png

                So, hab die Widgets wieder importiert.
                Bei mir aber wieder abgeschnitten:
                Editor:
                6c3d5554-6a29-4c59-b34c-c6ca7b42eb95-grafik.png

                Runtime:
                732cca0c-b0da-47bb-a249-e73a4dd422ba-grafik.png

                Scheint bei mir einfach nicht zu tun. Hab aber mittlerweile fast alle vis-Adapter deinstalliert. iobroker gestoppt und wieder gestartet.
                Dann bleibt mir wohl nichts anderes übrig als all die vielen css regeln durchzuackern und rumzupröbeln...

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

                @delphinis

                ich glaube ich hör jetzt auf. bzw ich gebe dir mal noch bis morgen
                mein review detailliert zu lesen. wenn du da was nicht verstehst, dann frage nach.

                mach aber bitte nicht so weiter als ob ich nix geschrieben habe.
                um die größe korrekt einzustellen, stelle das dropdown bitte auf den längsten wert ein

                unterschied zwischen runtime/editor habe ich nicht

                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 Antwort Letzte Antwort
                0
                • D Delphinis

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

                  das padding ist in den vis properties drin. das hast du wahrscheinlich selber eingegeben

                  Upps.

                  Wie hast du denn die Höhen ausgeglichen? Mit CSS?
                  Wenn ich nämlich ein value-list und ein Button jungfräulich reinziehe bekomme ich das:
                  f3f1e9b3-92bb-40a0-9fae-f926adabc48f-grafik.png

                  So, hab die Widgets wieder importiert.
                  Bei mir aber wieder abgeschnitten:
                  Editor:
                  6c3d5554-6a29-4c59-b34c-c6ca7b42eb95-grafik.png

                  Runtime:
                  732cca0c-b0da-47bb-a249-e73a4dd422ba-grafik.png

                  Scheint bei mir einfach nicht zu tun. Hab aber mittlerweile fast alle vis-Adapter deinstalliert. iobroker gestoppt und wieder gestartet.
                  Dann bleibt mir wohl nichts anderes übrig als all die vielen css regeln durchzuackern und rumzupröbeln...

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

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

                  Wenn ich nämlich ein value-list und ein Button jungfräulich reinziehe bekomme ich das:

                  über die css-properties von vis.
                  einfach für beide die gleiche höhe einstellen?

                  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 Antwort Letzte Antwort
                  0
                  • D Delphinis

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

                    das padding ist in den vis properties drin. das hast du wahrscheinlich selber eingegeben

                    Upps.

                    Wie hast du denn die Höhen ausgeglichen? Mit CSS?
                    Wenn ich nämlich ein value-list und ein Button jungfräulich reinziehe bekomme ich das:
                    f3f1e9b3-92bb-40a0-9fae-f926adabc48f-grafik.png

                    So, hab die Widgets wieder importiert.
                    Bei mir aber wieder abgeschnitten:
                    Editor:
                    6c3d5554-6a29-4c59-b34c-c6ca7b42eb95-grafik.png

                    Runtime:
                    732cca0c-b0da-47bb-a249-e73a4dd422ba-grafik.png

                    Scheint bei mir einfach nicht zu tun. Hab aber mittlerweile fast alle vis-Adapter deinstalliert. iobroker gestoppt und wieder gestartet.
                    Dann bleibt mir wohl nichts anderes übrig als all die vielen css regeln durchzuackern und rumzupröbeln...

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

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

                    value-list

                    wenn ich etwas ausprobieren soll, dann bitte widgetbezeichnung (+ggfs adapter) exakt angeben
                    unter value-list finde ich nix oder noch besser: exportieren

                    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 Antwort Letzte Antwort
                    0
                    • D Offline
                      D Offline
                      Delphinis
                      schrieb am zuletzt editiert von Delphinis
                      #43

                      @oliverio
                      Sorry -> tplJquiSelectList
                      1e6dba71-c76c-4654-a584-622f5ad6f589-grafik.png
                      Aber ich glaube es hat wirklich keinen Sinn, ich weiss nicht was los ist bei mir. Es funktioniert einfach nicht. Ich glaube wir hören einfach auf. Wir haben offenbar irgendwie nicht das selbe iobroker-system.

                      HomoranH 1 Antwort Letzte Antwort
                      0
                      • D Delphinis

                        @oliverio
                        Sorry -> tplJquiSelectList
                        1e6dba71-c76c-4654-a584-622f5ad6f589-grafik.png
                        Aber ich glaube es hat wirklich keinen Sinn, ich weiss nicht was los ist bei mir. Es funktioniert einfach nicht. Ich glaube wir hören einfach auf. Wir haben offenbar irgendwie nicht das selbe iobroker-system.

                        HomoranH Nicht stören
                        HomoranH Nicht stören
                        Homoran
                        Global Moderator Administrators
                        schrieb am zuletzt editiert von
                        #44

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

                        ich weiss nicht was los ist bei mir.

                        ich gehe davon aus, dass bei dir ein Zeilenumbruch reinpfuschst.
                        deshalb sollst du ja

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

                        um die größe korrekt einzustellen, stelle das dropdown bitte auf den längsten wert ein

                        incl. eventueller margins.

                        deswegen fragte ich bereits sehr früh

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

                        wieviel Text hast du?
                        passt der bei der gewählten Schriftgröße da vollständig rein?

                        die Antwort

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

                        Der längste Text ist im Widget automatisch ausgewählt

                        ist irgendwie keine

                        kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                        D 1 Antwort Letzte Antwort
                        0
                        • HomoranH Homoran

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

                          ich weiss nicht was los ist bei mir.

                          ich gehe davon aus, dass bei dir ein Zeilenumbruch reinpfuschst.
                          deshalb sollst du ja

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

                          um die größe korrekt einzustellen, stelle das dropdown bitte auf den längsten wert ein

                          incl. eventueller margins.

                          deswegen fragte ich bereits sehr früh

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

                          wieviel Text hast du?
                          passt der bei der gewählten Schriftgröße da vollständig rein?

                          die Antwort

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

                          Der längste Text ist im Widget automatisch ausgewählt

                          ist irgendwie keine

                          D Offline
                          D Offline
                          Delphinis
                          schrieb am zuletzt editiert von Delphinis
                          #45

                          @homoran
                          Glaube nicht dass es das ist. Hab das schon zig mal versucht. Hier noch einmal:
                          Der Längste Text im Dropdown ist "Schlafzimmer Wand". Damit mir nicht noch ein Leerschlag reinpfuscht, hab ich den rausgenommen.
                          Editor:
                          a85a9773-435b-49a2-8d99-65e39e73425b-grafik.png
                          Ich hoffe das ist breit genug.

                          Runtime:
                          46766651-32dd-4514-a23a-167f1bda7311-grafik.png


                          [{"tpl":"tplJquiSelectList","data":{"oid":"javascript.0.Vis.Flot.batSensor","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"values":"alias.0.TH-Heizregler;\nalias.0.TH-Bar;\nalias.0.TH-Bureau;\nalias.0.TH-Bad;\nalias.0.TH-SchlzRaum;\nalias.0.TH-SchlzWand;\nalias.0.TH-OutHolzunterstand;\nalias.0.TH-OutNO;\nalias.0.TH-OutSW;\nalias.0.TH-Garage;\nalias.0.TH-Weinkeller;\nalias.0.TH-Werkraum;\nalias.0.TH-Kuehl_In;\nalias.0.TH-Tiefkuehl;\nalias.0.TH-HeizVorlauf;\nalias.0.TH-HeizRuecklauf;\nalias.0.TH-HeizBoiler","texts":"Heizregler;\nBar;\nBüro;\nBad;\nSchlafzimmerRaum;\nSchlafzimmerWand;\nHolzunterstand;\nAussenNO;\nAussenSW;\nGarage;\nWeinkeller;\nWerkraum;\nKühlschrank;\nTiefkühler;\nVorlauf;\nRücklauf;\nBoiler","height":"215","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"open":true,"no_style":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide"},"style":{"left":"12px","top":"18px","width":"489px","height":"28px","padding":"","font-size":"","z-index":"","overflow-x":""},"widgetSet":"jqui"}]

                          Aber vielleicht ist es doch irgendein Adapter, der reinspielt. Trotz Deinstallation (Abfallkübel in den Instanzen) sind die Widgets noch da. Hab aber den iob schon neu gestartet. Ich weiss nicht wie ich die sonst noch rausbringen kann.

                          FredFF HomoranH OliverIOO 3 Antworten Letzte Antwort
                          0
                          • D Delphinis

                            @homoran
                            Glaube nicht dass es das ist. Hab das schon zig mal versucht. Hier noch einmal:
                            Der Längste Text im Dropdown ist "Schlafzimmer Wand". Damit mir nicht noch ein Leerschlag reinpfuscht, hab ich den rausgenommen.
                            Editor:
                            a85a9773-435b-49a2-8d99-65e39e73425b-grafik.png
                            Ich hoffe das ist breit genug.

                            Runtime:
                            46766651-32dd-4514-a23a-167f1bda7311-grafik.png


                            [{"tpl":"tplJquiSelectList","data":{"oid":"javascript.0.Vis.Flot.batSensor","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"values":"alias.0.TH-Heizregler;\nalias.0.TH-Bar;\nalias.0.TH-Bureau;\nalias.0.TH-Bad;\nalias.0.TH-SchlzRaum;\nalias.0.TH-SchlzWand;\nalias.0.TH-OutHolzunterstand;\nalias.0.TH-OutNO;\nalias.0.TH-OutSW;\nalias.0.TH-Garage;\nalias.0.TH-Weinkeller;\nalias.0.TH-Werkraum;\nalias.0.TH-Kuehl_In;\nalias.0.TH-Tiefkuehl;\nalias.0.TH-HeizVorlauf;\nalias.0.TH-HeizRuecklauf;\nalias.0.TH-HeizBoiler","texts":"Heizregler;\nBar;\nBüro;\nBad;\nSchlafzimmerRaum;\nSchlafzimmerWand;\nHolzunterstand;\nAussenNO;\nAussenSW;\nGarage;\nWeinkeller;\nWerkraum;\nKühlschrank;\nTiefkühler;\nVorlauf;\nRücklauf;\nBoiler","height":"215","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"open":true,"no_style":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide"},"style":{"left":"12px","top":"18px","width":"489px","height":"28px","padding":"","font-size":"","z-index":"","overflow-x":""},"widgetSet":"jqui"}]

                            Aber vielleicht ist es doch irgendein Adapter, der reinspielt. Trotz Deinstallation (Abfallkübel in den Instanzen) sind die Widgets noch da. Hab aber den iob schon neu gestartet. Ich weiss nicht wie ich die sonst noch rausbringen kann.

                            FredFF Online
                            FredFF Online
                            FredF
                            Most Active Forum Testing
                            schrieb am zuletzt editiert von
                            #46

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

                            Trotz Deinstallation (Abfallkübel in den Instanzen)

                            Dann ist doch "nur" die Instanz gelöscht, der (oder die) Adapter aber noch installiert.

                            Probiere mal über den Reiter Adapter zu deinstallieren

                            D 1 Antwort Letzte Antwort
                            0
                            • D Delphinis

                              @homoran
                              Glaube nicht dass es das ist. Hab das schon zig mal versucht. Hier noch einmal:
                              Der Längste Text im Dropdown ist "Schlafzimmer Wand". Damit mir nicht noch ein Leerschlag reinpfuscht, hab ich den rausgenommen.
                              Editor:
                              a85a9773-435b-49a2-8d99-65e39e73425b-grafik.png
                              Ich hoffe das ist breit genug.

                              Runtime:
                              46766651-32dd-4514-a23a-167f1bda7311-grafik.png


                              [{"tpl":"tplJquiSelectList","data":{"oid":"javascript.0.Vis.Flot.batSensor","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"values":"alias.0.TH-Heizregler;\nalias.0.TH-Bar;\nalias.0.TH-Bureau;\nalias.0.TH-Bad;\nalias.0.TH-SchlzRaum;\nalias.0.TH-SchlzWand;\nalias.0.TH-OutHolzunterstand;\nalias.0.TH-OutNO;\nalias.0.TH-OutSW;\nalias.0.TH-Garage;\nalias.0.TH-Weinkeller;\nalias.0.TH-Werkraum;\nalias.0.TH-Kuehl_In;\nalias.0.TH-Tiefkuehl;\nalias.0.TH-HeizVorlauf;\nalias.0.TH-HeizRuecklauf;\nalias.0.TH-HeizBoiler","texts":"Heizregler;\nBar;\nBüro;\nBad;\nSchlafzimmerRaum;\nSchlafzimmerWand;\nHolzunterstand;\nAussenNO;\nAussenSW;\nGarage;\nWeinkeller;\nWerkraum;\nKühlschrank;\nTiefkühler;\nVorlauf;\nRücklauf;\nBoiler","height":"215","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"open":true,"no_style":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide"},"style":{"left":"12px","top":"18px","width":"489px","height":"28px","padding":"","font-size":"","z-index":"","overflow-x":""},"widgetSet":"jqui"}]

                              Aber vielleicht ist es doch irgendein Adapter, der reinspielt. Trotz Deinstallation (Abfallkübel in den Instanzen) sind die Widgets noch da. Hab aber den iob schon neu gestartet. Ich weiss nicht wie ich die sonst noch rausbringen kann.

                              HomoranH Nicht stören
                              HomoranH Nicht stören
                              Homoran
                              Global Moderator Administrators
                              schrieb am zuletzt editiert von
                              #47

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

                              Aber vielleicht ist es doch irgendein Adapter,

                              insbesondere auf einen Widget Adapter aus dem Beta-Bereich, der möglicherweise das ganze CSS verbiegt solltest du achten.

                              kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                              der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                              1 Antwort Letzte Antwort
                              0
                              • D Delphinis

                                @homoran
                                Glaube nicht dass es das ist. Hab das schon zig mal versucht. Hier noch einmal:
                                Der Längste Text im Dropdown ist "Schlafzimmer Wand". Damit mir nicht noch ein Leerschlag reinpfuscht, hab ich den rausgenommen.
                                Editor:
                                a85a9773-435b-49a2-8d99-65e39e73425b-grafik.png
                                Ich hoffe das ist breit genug.

                                Runtime:
                                46766651-32dd-4514-a23a-167f1bda7311-grafik.png


                                [{"tpl":"tplJquiSelectList","data":{"oid":"javascript.0.Vis.Flot.batSensor","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"values":"alias.0.TH-Heizregler;\nalias.0.TH-Bar;\nalias.0.TH-Bureau;\nalias.0.TH-Bad;\nalias.0.TH-SchlzRaum;\nalias.0.TH-SchlzWand;\nalias.0.TH-OutHolzunterstand;\nalias.0.TH-OutNO;\nalias.0.TH-OutSW;\nalias.0.TH-Garage;\nalias.0.TH-Weinkeller;\nalias.0.TH-Werkraum;\nalias.0.TH-Kuehl_In;\nalias.0.TH-Tiefkuehl;\nalias.0.TH-HeizVorlauf;\nalias.0.TH-HeizRuecklauf;\nalias.0.TH-HeizBoiler","texts":"Heizregler;\nBar;\nBüro;\nBad;\nSchlafzimmerRaum;\nSchlafzimmerWand;\nHolzunterstand;\nAussenNO;\nAussenSW;\nGarage;\nWeinkeller;\nWerkraum;\nKühlschrank;\nTiefkühler;\nVorlauf;\nRücklauf;\nBoiler","height":"215","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"open":true,"no_style":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide"},"style":{"left":"12px","top":"18px","width":"489px","height":"28px","padding":"","font-size":"","z-index":"","overflow-x":""},"widgetSet":"jqui"}]

                                Aber vielleicht ist es doch irgendein Adapter, der reinspielt. Trotz Deinstallation (Abfallkübel in den Instanzen) sind die Widgets noch da. Hab aber den iob schon neu gestartet. Ich weiss nicht wie ich die sonst noch rausbringen kann.

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

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

                                77594298-415b-4cd0-97f2-010470b0547c-image.png

                                e0f3e4df-56fa-497a-97d2-79c2c49511af-image.png

                                ja da scheint irgendwas reinzupfuschen
                                bei mir sind im edit/runtime mode beide identisch

                                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 Antwort Letzte Antwort
                                0
                                • OliverIOO Offline
                                  OliverIOO Offline
                                  OliverIO
                                  schrieb am zuletzt editiert von OliverIO
                                  #49

                                  jetzt mal was ganz wildes und was seeeeeeehr kleinteiliges. mal schauen ob das dich nicht überfordert.

                                  wir haben festgestellt, das da irgendwas ist, was da reinpfuscht. im folgenden bild habe ich mal die oberste ebene des widgets markiert
                                  31311a05-8a54-4843-ab98-c45554a0c631-image.png
                                  im unterne bereich sieht man dann die einzelnen html elemente
                                  ein div als widget container
                                  ein div mit vis-widget-body
                                  dann ein select
                                  ein button
                                  erstes span (das sind die kleinen pfeilchen der selektbox auf der rechten seite).
                                  zweites span (der ausgewählte text)

                                  wir vergleichen nun der reihe nach die css-anweisungen. dazu schaue ich zuerst beim obersten element auf der rechten seite. da stehen alle css elemente die genau auf dieses html element wirkt. viele davon sind von einer höheren ebene vererbt, aber dennoch kann es sich da auch drin verstecken.
                                  was ich im folgenden nicht kopiere sind die css bei denen useragent dran steht. das sind die einstellungen die der browserhersteller vorgibt und sozusagen die baseline der ansicht darstellt
                                  ich musste sie doch mitkopieren, da sie manchmal dazwischen standen,

                                  du darfst jetzt analog für jedes element dir im browser die css anweisung anschauen (die useragent styles kannst du überspringen) und dann die differenzen hier melden

                                  ach ja, als theme habe ich hier nun redmond eingestellt. das ist das blaue.
                                  ansonsten wären bei einigen anweisungen andere farben oder farbverläufe zu finden.
                                  bitte schau genau. primär aber auch abweichende padding oder margin anweisungen. width könnte es auch sein. aber lieber alles abgleichen, da es da auch tücken gibt

                                  zu der Ansicht kommst du in chrome/firefox mit F12
                                  das tool zum ungefähren auswählen des html elements sieht so aus
                                  18cb5c7a-8b99-4a3a-9e75-cd02d9756d9c-image.png

                                  erstes div

                                  element.style {
                                      left: 52px;
                                      top: 304px;
                                      width: 489px;
                                      height: 28px;
                                  }
                                  .vis-widget {
                                      position: absolute;
                                      overflow: hidden;
                                  }
                                  user agent stylesheet
                                  div {
                                      display: block;
                                      unicode-bidi: isolate;
                                  }
                                  #vis_container {
                                      font-family: Arial, sans-serif;
                                  }
                                  body, html {
                                      font-style: normal;
                                      font-stretch: normal;
                                      text-shadow: none;
                                      text-transform: none;
                                      text-rendering: auto;
                                      color: initial;
                                      letter-spacing: normal;
                                      word-spacing: normal;
                                      text-indent: 0;
                                      display: inline-block;
                                      text-align: start;
                                      font: 1em Arial;
                                  }
                                  

                                  zweites div

                                  element.style {
                                  }
                                  .vis-widget-body {
                                     width: 100%;
                                     height: 100%;
                                  }
                                  user agent stylesheet
                                  div {
                                     display: block;
                                     unicode-bidi: isolate;
                                  }
                                  #vis_container {
                                     font-family: Arial, sans-serif;
                                  }
                                  body, html {
                                     font-style: normal;
                                     font-stretch: normal;
                                     text-shadow: none;
                                     text-transform: none;
                                     text-rendering: auto;
                                     color: initial;
                                     letter-spacing: normal;
                                     word-spacing: normal;
                                     text-indent: 0;
                                     display: inline-block;
                                     text-align: start;
                                     font: 1em Arial;
                                  }
                                  

                                  select

                                  element.style {
                                     display: none;
                                  }
                                  user agent stylesheet
                                  select:not(:-internal-list-box) {
                                     overflow: visible !important;
                                  }
                                  user agent stylesheet
                                  select:not(:-internal-select-author-button) {
                                     appearance: auto;
                                     box-sizing: border-box;
                                     align-items: center;
                                     -webkit-rtl-ordering: logical;
                                     color: fieldtext;
                                     background-color: field;
                                     cursor: default;
                                     white-space: pre;
                                     border-width: 1px;
                                     border-style: solid;
                                     border-color: light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
                                     border-image: initial;
                                     border-radius: 0px;
                                  }
                                  user agent stylesheet
                                  select {
                                     font-style: ;
                                     font-variant-ligatures: ;
                                     font-variant-caps: ;
                                     font-variant-numeric: ;
                                     font-variant-east-asian: ;
                                     font-variant-alternates: ;
                                     font-variant-position: ;
                                     font-weight: ;
                                     font-stretch: ;
                                     font-size: ;
                                     font-family: ;
                                     font-optical-sizing: ;
                                     font-kerning: ;
                                     font-feature-settings: ;
                                     font-variation-settings: ;
                                     text-rendering: auto;
                                     color: fieldtext;
                                     letter-spacing: normal;
                                     word-spacing: normal;
                                     line-height: normal;
                                     text-transform: none;
                                     text-indent: 0px;
                                     text-shadow: none;
                                     display: inline-block;
                                     text-align: start;
                                     margin: 0em;
                                  }
                                  #vis_container {
                                     font-family: Arial, sans-serif;
                                  }
                                  body, html {
                                     font-style: normal;
                                     font-stretch: normal;
                                     text-shadow: none;
                                     text-transform: none;
                                     text-rendering: auto;
                                     color: initial;
                                     letter-spacing: normal;
                                     word-spacing: normal;
                                     text-indent: 0;
                                     display: inline-block;
                                     text-align: start;
                                     font: 1em Arial;
                                  }
                                  

                                  und der button

                                  element.style {
                                     width: 487.6px;
                                  }
                                  .ui-multiselect {
                                     padding: 2px 0 2px 4px;
                                     text-align: left;
                                  }
                                  .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
                                     border-bottom-right-radius: 5px;
                                  }
                                  .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
                                     border-bottom-left-radius: 5px;
                                  }
                                  .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
                                     border-top-right-radius: 5px;
                                  }
                                  .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
                                     border-top-left-radius: 5px;
                                  }
                                  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
                                     border: 1px solid #c5dbec;
                                     background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
                                     font-weight: bold;
                                     color: #2e6e9e;
                                  }
                                  .ui-widget {
                                     font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
                                     font-size: 1.1em;
                                  }
                                  user agent stylesheet
                                  button {
                                     appearance: auto;
                                     font-style: ;
                                     font-variant-ligatures: ;
                                     font-variant-caps: ;
                                     font-variant-numeric: ;
                                     font-variant-east-asian: ;
                                     font-variant-alternates: ;
                                     font-variant-position: ;
                                     font-weight: ;
                                     font-stretch: ;
                                     font-size: ;
                                     font-family: ;
                                     font-optical-sizing: ;
                                     font-kerning: ;
                                     font-feature-settings: ;
                                     font-variation-settings: ;
                                     text-rendering: auto;
                                     color: buttontext;
                                     letter-spacing: normal;
                                     word-spacing: normal;
                                     line-height: normal;
                                     text-transform: none;
                                     text-indent: 0px;
                                     text-shadow: none;
                                     display: inline-block;
                                     text-align: center;
                                     align-items: flex-start;
                                     cursor: default;
                                     box-sizing: border-box;
                                     background-color: buttonface;
                                     margin: 0em;
                                     padding-block: 1px;
                                     padding-inline: 6px;
                                     border-width: 2px;
                                     border-style: outset;
                                     border-color: buttonborder;
                                     border-image: initial;
                                  }
                                  #vis_container {
                                     font-family: Arial, sans-serif;
                                  }
                                  body, html {
                                     font-style: normal;
                                     font-stretch: normal;
                                     text-shadow: none;
                                     text-transform: none;
                                     text-rendering: auto;
                                     color: initial;
                                     letter-spacing: normal;
                                     word-spacing: normal;
                                     text-indent: 0;
                                     display: inline-block;
                                     text-align: start;
                                     font: 1em Arial;
                                  }
                                  

                                  erstes span

                                  element.style {
                                  }
                                  .ui-multiselect span.ui-icon {
                                     float: right;
                                  }
                                  .ui-state-default .ui-icon {
                                     background-image: url(images/ui-icons_6da8d5_256x240.png);
                                  }
                                  .ui-icon-triangle-2-n-s {
                                     background-position: -128px -16px;
                                  }
                                  .ui-icon, .ui-widget-content .ui-icon {
                                     background-image: url(images/ui-icons_469bdd_256x240.png);
                                  }
                                  .ui-icon {
                                     width: 16px;
                                     height: 16px;
                                  }
                                  .ui-icon {
                                     display: block;
                                     text-indent: -99999px;
                                     overflow: hidden;
                                     background-repeat: no-repeat;
                                  }
                                  .ui-multiselect {
                                     padding: 2px 0 2px 4px;
                                     text-align: left;
                                  }
                                  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
                                     border: 1px solid #c5dbec;
                                     background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
                                     font-weight: bold;
                                     color: #2e6e9e;
                                  }
                                  .ui-widget {
                                     font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
                                     font-size: 1.1em;
                                  }
                                  user agent stylesheet
                                  button {
                                     font-style: ;
                                     font-variant-ligatures: ;
                                     font-variant-caps: ;
                                     font-variant-numeric: ;
                                     font-variant-east-asian: ;
                                     font-variant-alternates: ;
                                     font-variant-position: ;
                                     font-weight: ;
                                     font-stretch: ;
                                     font-size: ;
                                     font-family: ;
                                     font-optical-sizing: ;
                                     font-kerning: ;
                                     font-feature-settings: ;
                                     font-variation-settings: ;
                                     text-rendering: auto;
                                     color: buttontext;
                                     letter-spacing: normal;
                                     word-spacing: normal;
                                     line-height: normal;
                                     text-transform: none;
                                     text-indent: 0px;
                                     text-shadow: none;
                                     text-align: center;
                                     cursor: default;
                                  }
                                  #vis_container {
                                     font-family: Arial, sans-serif;
                                  }
                                  body, html {
                                     font-style: normal;
                                     font-stretch: normal;
                                     text-shadow: none;
                                     text-transform: none;
                                     text-rendering: auto;
                                     color: initial;
                                     letter-spacing: normal;
                                     word-spacing: normal;
                                     text-indent: 0;
                                     display: inline-block;
                                     text-align: start;
                                     font: 1em Arial;
                                  }
                                  

                                  zweites span

                                  element.style {
                                  }
                                  .ui-multiselect {
                                     padding: 2px 0 2px 4px;
                                     text-align: left;
                                  }
                                  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
                                     border: 1px solid #c5dbec;
                                     background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
                                     font-weight: bold;
                                     color: #2e6e9e;
                                  }
                                  .ui-widget {
                                     font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
                                     font-size: 1.1em;
                                  }
                                  user agent stylesheet
                                  button {
                                     font-style: ;
                                     font-variant-ligatures: ;
                                     font-variant-caps: ;
                                     font-variant-numeric: ;
                                     font-variant-east-asian: ;
                                     font-variant-alternates: ;
                                     font-variant-position: ;
                                     font-weight: ;
                                     font-stretch: ;
                                     font-size: ;
                                     font-family: ;
                                     font-optical-sizing: ;
                                     font-kerning: ;
                                     font-feature-settings: ;
                                     font-variation-settings: ;
                                     text-rendering: auto;
                                     color: buttontext;
                                     letter-spacing: normal;
                                     word-spacing: normal;
                                     line-height: normal;
                                     text-transform: none;
                                     text-indent: 0px;
                                     text-shadow: none;
                                     text-align: center;
                                     cursor: default;
                                  }
                                  #vis_container {
                                     font-family: Arial, sans-serif;
                                  }
                                  body, html {
                                     font-style: normal;
                                     font-stretch: normal;
                                     text-shadow: none;
                                     text-transform: none;
                                     text-rendering: auto;
                                     color: initial;
                                     letter-spacing: normal;
                                     word-spacing: normal;
                                     text-indent: 0;
                                     display: inline-block;
                                     text-align: start;
                                     font: 1em Arial;
                                  }
                                  

                                  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 Antwort Letzte Antwort
                                  0
                                  • OliverIOO OliverIO

                                    jetzt mal was ganz wildes und was seeeeeeehr kleinteiliges. mal schauen ob das dich nicht überfordert.

                                    wir haben festgestellt, das da irgendwas ist, was da reinpfuscht. im folgenden bild habe ich mal die oberste ebene des widgets markiert
                                    31311a05-8a54-4843-ab98-c45554a0c631-image.png
                                    im unterne bereich sieht man dann die einzelnen html elemente
                                    ein div als widget container
                                    ein div mit vis-widget-body
                                    dann ein select
                                    ein button
                                    erstes span (das sind die kleinen pfeilchen der selektbox auf der rechten seite).
                                    zweites span (der ausgewählte text)

                                    wir vergleichen nun der reihe nach die css-anweisungen. dazu schaue ich zuerst beim obersten element auf der rechten seite. da stehen alle css elemente die genau auf dieses html element wirkt. viele davon sind von einer höheren ebene vererbt, aber dennoch kann es sich da auch drin verstecken.
                                    was ich im folgenden nicht kopiere sind die css bei denen useragent dran steht. das sind die einstellungen die der browserhersteller vorgibt und sozusagen die baseline der ansicht darstellt
                                    ich musste sie doch mitkopieren, da sie manchmal dazwischen standen,

                                    du darfst jetzt analog für jedes element dir im browser die css anweisung anschauen (die useragent styles kannst du überspringen) und dann die differenzen hier melden

                                    ach ja, als theme habe ich hier nun redmond eingestellt. das ist das blaue.
                                    ansonsten wären bei einigen anweisungen andere farben oder farbverläufe zu finden.
                                    bitte schau genau. primär aber auch abweichende padding oder margin anweisungen. width könnte es auch sein. aber lieber alles abgleichen, da es da auch tücken gibt

                                    zu der Ansicht kommst du in chrome/firefox mit F12
                                    das tool zum ungefähren auswählen des html elements sieht so aus
                                    18cb5c7a-8b99-4a3a-9e75-cd02d9756d9c-image.png

                                    erstes div

                                    element.style {
                                        left: 52px;
                                        top: 304px;
                                        width: 489px;
                                        height: 28px;
                                    }
                                    .vis-widget {
                                        position: absolute;
                                        overflow: hidden;
                                    }
                                    user agent stylesheet
                                    div {
                                        display: block;
                                        unicode-bidi: isolate;
                                    }
                                    #vis_container {
                                        font-family: Arial, sans-serif;
                                    }
                                    body, html {
                                        font-style: normal;
                                        font-stretch: normal;
                                        text-shadow: none;
                                        text-transform: none;
                                        text-rendering: auto;
                                        color: initial;
                                        letter-spacing: normal;
                                        word-spacing: normal;
                                        text-indent: 0;
                                        display: inline-block;
                                        text-align: start;
                                        font: 1em Arial;
                                    }
                                    

                                    zweites div

                                    element.style {
                                    }
                                    .vis-widget-body {
                                       width: 100%;
                                       height: 100%;
                                    }
                                    user agent stylesheet
                                    div {
                                       display: block;
                                       unicode-bidi: isolate;
                                    }
                                    #vis_container {
                                       font-family: Arial, sans-serif;
                                    }
                                    body, html {
                                       font-style: normal;
                                       font-stretch: normal;
                                       text-shadow: none;
                                       text-transform: none;
                                       text-rendering: auto;
                                       color: initial;
                                       letter-spacing: normal;
                                       word-spacing: normal;
                                       text-indent: 0;
                                       display: inline-block;
                                       text-align: start;
                                       font: 1em Arial;
                                    }
                                    

                                    select

                                    element.style {
                                       display: none;
                                    }
                                    user agent stylesheet
                                    select:not(:-internal-list-box) {
                                       overflow: visible !important;
                                    }
                                    user agent stylesheet
                                    select:not(:-internal-select-author-button) {
                                       appearance: auto;
                                       box-sizing: border-box;
                                       align-items: center;
                                       -webkit-rtl-ordering: logical;
                                       color: fieldtext;
                                       background-color: field;
                                       cursor: default;
                                       white-space: pre;
                                       border-width: 1px;
                                       border-style: solid;
                                       border-color: light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
                                       border-image: initial;
                                       border-radius: 0px;
                                    }
                                    user agent stylesheet
                                    select {
                                       font-style: ;
                                       font-variant-ligatures: ;
                                       font-variant-caps: ;
                                       font-variant-numeric: ;
                                       font-variant-east-asian: ;
                                       font-variant-alternates: ;
                                       font-variant-position: ;
                                       font-weight: ;
                                       font-stretch: ;
                                       font-size: ;
                                       font-family: ;
                                       font-optical-sizing: ;
                                       font-kerning: ;
                                       font-feature-settings: ;
                                       font-variation-settings: ;
                                       text-rendering: auto;
                                       color: fieldtext;
                                       letter-spacing: normal;
                                       word-spacing: normal;
                                       line-height: normal;
                                       text-transform: none;
                                       text-indent: 0px;
                                       text-shadow: none;
                                       display: inline-block;
                                       text-align: start;
                                       margin: 0em;
                                    }
                                    #vis_container {
                                       font-family: Arial, sans-serif;
                                    }
                                    body, html {
                                       font-style: normal;
                                       font-stretch: normal;
                                       text-shadow: none;
                                       text-transform: none;
                                       text-rendering: auto;
                                       color: initial;
                                       letter-spacing: normal;
                                       word-spacing: normal;
                                       text-indent: 0;
                                       display: inline-block;
                                       text-align: start;
                                       font: 1em Arial;
                                    }
                                    

                                    und der button

                                    element.style {
                                       width: 487.6px;
                                    }
                                    .ui-multiselect {
                                       padding: 2px 0 2px 4px;
                                       text-align: left;
                                    }
                                    .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
                                       border-bottom-right-radius: 5px;
                                    }
                                    .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
                                       border-bottom-left-radius: 5px;
                                    }
                                    .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
                                       border-top-right-radius: 5px;
                                    }
                                    .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
                                       border-top-left-radius: 5px;
                                    }
                                    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
                                       border: 1px solid #c5dbec;
                                       background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
                                       font-weight: bold;
                                       color: #2e6e9e;
                                    }
                                    .ui-widget {
                                       font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
                                       font-size: 1.1em;
                                    }
                                    user agent stylesheet
                                    button {
                                       appearance: auto;
                                       font-style: ;
                                       font-variant-ligatures: ;
                                       font-variant-caps: ;
                                       font-variant-numeric: ;
                                       font-variant-east-asian: ;
                                       font-variant-alternates: ;
                                       font-variant-position: ;
                                       font-weight: ;
                                       font-stretch: ;
                                       font-size: ;
                                       font-family: ;
                                       font-optical-sizing: ;
                                       font-kerning: ;
                                       font-feature-settings: ;
                                       font-variation-settings: ;
                                       text-rendering: auto;
                                       color: buttontext;
                                       letter-spacing: normal;
                                       word-spacing: normal;
                                       line-height: normal;
                                       text-transform: none;
                                       text-indent: 0px;
                                       text-shadow: none;
                                       display: inline-block;
                                       text-align: center;
                                       align-items: flex-start;
                                       cursor: default;
                                       box-sizing: border-box;
                                       background-color: buttonface;
                                       margin: 0em;
                                       padding-block: 1px;
                                       padding-inline: 6px;
                                       border-width: 2px;
                                       border-style: outset;
                                       border-color: buttonborder;
                                       border-image: initial;
                                    }
                                    #vis_container {
                                       font-family: Arial, sans-serif;
                                    }
                                    body, html {
                                       font-style: normal;
                                       font-stretch: normal;
                                       text-shadow: none;
                                       text-transform: none;
                                       text-rendering: auto;
                                       color: initial;
                                       letter-spacing: normal;
                                       word-spacing: normal;
                                       text-indent: 0;
                                       display: inline-block;
                                       text-align: start;
                                       font: 1em Arial;
                                    }
                                    

                                    erstes span

                                    element.style {
                                    }
                                    .ui-multiselect span.ui-icon {
                                       float: right;
                                    }
                                    .ui-state-default .ui-icon {
                                       background-image: url(images/ui-icons_6da8d5_256x240.png);
                                    }
                                    .ui-icon-triangle-2-n-s {
                                       background-position: -128px -16px;
                                    }
                                    .ui-icon, .ui-widget-content .ui-icon {
                                       background-image: url(images/ui-icons_469bdd_256x240.png);
                                    }
                                    .ui-icon {
                                       width: 16px;
                                       height: 16px;
                                    }
                                    .ui-icon {
                                       display: block;
                                       text-indent: -99999px;
                                       overflow: hidden;
                                       background-repeat: no-repeat;
                                    }
                                    .ui-multiselect {
                                       padding: 2px 0 2px 4px;
                                       text-align: left;
                                    }
                                    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
                                       border: 1px solid #c5dbec;
                                       background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
                                       font-weight: bold;
                                       color: #2e6e9e;
                                    }
                                    .ui-widget {
                                       font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
                                       font-size: 1.1em;
                                    }
                                    user agent stylesheet
                                    button {
                                       font-style: ;
                                       font-variant-ligatures: ;
                                       font-variant-caps: ;
                                       font-variant-numeric: ;
                                       font-variant-east-asian: ;
                                       font-variant-alternates: ;
                                       font-variant-position: ;
                                       font-weight: ;
                                       font-stretch: ;
                                       font-size: ;
                                       font-family: ;
                                       font-optical-sizing: ;
                                       font-kerning: ;
                                       font-feature-settings: ;
                                       font-variation-settings: ;
                                       text-rendering: auto;
                                       color: buttontext;
                                       letter-spacing: normal;
                                       word-spacing: normal;
                                       line-height: normal;
                                       text-transform: none;
                                       text-indent: 0px;
                                       text-shadow: none;
                                       text-align: center;
                                       cursor: default;
                                    }
                                    #vis_container {
                                       font-family: Arial, sans-serif;
                                    }
                                    body, html {
                                       font-style: normal;
                                       font-stretch: normal;
                                       text-shadow: none;
                                       text-transform: none;
                                       text-rendering: auto;
                                       color: initial;
                                       letter-spacing: normal;
                                       word-spacing: normal;
                                       text-indent: 0;
                                       display: inline-block;
                                       text-align: start;
                                       font: 1em Arial;
                                    }
                                    

                                    zweites span

                                    element.style {
                                    }
                                    .ui-multiselect {
                                       padding: 2px 0 2px 4px;
                                       text-align: left;
                                    }
                                    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
                                       border: 1px solid #c5dbec;
                                       background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
                                       font-weight: bold;
                                       color: #2e6e9e;
                                    }
                                    .ui-widget {
                                       font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
                                       font-size: 1.1em;
                                    }
                                    user agent stylesheet
                                    button {
                                       font-style: ;
                                       font-variant-ligatures: ;
                                       font-variant-caps: ;
                                       font-variant-numeric: ;
                                       font-variant-east-asian: ;
                                       font-variant-alternates: ;
                                       font-variant-position: ;
                                       font-weight: ;
                                       font-stretch: ;
                                       font-size: ;
                                       font-family: ;
                                       font-optical-sizing: ;
                                       font-kerning: ;
                                       font-feature-settings: ;
                                       font-variation-settings: ;
                                       text-rendering: auto;
                                       color: buttontext;
                                       letter-spacing: normal;
                                       word-spacing: normal;
                                       line-height: normal;
                                       text-transform: none;
                                       text-indent: 0px;
                                       text-shadow: none;
                                       text-align: center;
                                       cursor: default;
                                    }
                                    #vis_container {
                                       font-family: Arial, sans-serif;
                                    }
                                    body, html {
                                       font-style: normal;
                                       font-stretch: normal;
                                       text-shadow: none;
                                       text-transform: none;
                                       text-rendering: auto;
                                       color: initial;
                                       letter-spacing: normal;
                                       word-spacing: normal;
                                       text-indent: 0;
                                       display: inline-block;
                                       text-align: start;
                                       font: 1em Arial;
                                    }
                                    

                                    D Offline
                                    D Offline
                                    Delphinis
                                    schrieb am zuletzt editiert von Delphinis
                                    #50

                                    @oliverio

                                    Ich hab jetzt, ohne dass ich Deinen letzten post ganz gelesen hab, das ganze in einem anderen iob ausprobiert.
                                    (Ganzes View exportiert und in einer anderen iob-Installation importiert)
                                    Und da funktioniert es.
                                    Da hab ich auch herausgefunden, dass die funktionierende Datei (HTML Seitenquelltext) nur noch etwa halb so gross ist, ca. 600kB anstatt 1200kb. Da ist eine Menge drin die es wohl für diese View einfach nicht braucht. Wohl wegen den vielen Views, die ich da hab.
                                    Ich denke, ich muss den Ganzen iob irgendwie neu installieren. Da eine Stecknadel im Heuhaufen zu finden, ist vielleicht nicht zielführend?
                                    Da ist aber eine Menge anderer Arbeiten drin.
                                    Wie kann ich das ganze iob-Projekt kopieren (ohne vis)?
                                    Die Views kann ich ja exportieren, so dass da nichts verloren geht, aber nehm ich dann nicht gleich wieder Altlasten mit?
                                    Was meinst du? Wäre das die beste Option, den iob neu aufzusetzen?

                                    1 Antwort Letzte Antwort
                                    0
                                    • FredFF FredF

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

                                      Trotz Deinstallation (Abfallkübel in den Instanzen)

                                      Dann ist doch "nur" die Instanz gelöscht, der (oder die) Adapter aber noch installiert.

                                      Probiere mal über den Reiter Adapter zu deinstallieren

                                      D Offline
                                      D Offline
                                      Delphinis
                                      schrieb am zuletzt editiert von
                                      #51

                                      @fredf
                                      Danke, hab nun alle Adapter gelöscht, welche irgendwie für die vis sind. Wusste nicht, dass man die Adapter separat löschen muss. In der Ansicht sind ja alle möglichen Adapter aufgelistet. Hab aber jetzt rausgefunden wie man die installierten Adapter findet.
                                      Vielleicht hab ich aber ganz am Anfang auch etwas von Github installiert, bis ich gehört hab, dass man möglichst nur Adapter installieren soll, die in iob vorhanden sind. Das wäre dann ganz am Anfang gewesen, da hab ich aber verschiedene iob versucht und installiert. Würde das auch einen Adapter geben oder wo könnte man das finden/deinstallieren?

                                      HomoranH 1 Antwort Letzte Antwort
                                      0
                                      • D Delphinis

                                        @fredf
                                        Danke, hab nun alle Adapter gelöscht, welche irgendwie für die vis sind. Wusste nicht, dass man die Adapter separat löschen muss. In der Ansicht sind ja alle möglichen Adapter aufgelistet. Hab aber jetzt rausgefunden wie man die installierten Adapter findet.
                                        Vielleicht hab ich aber ganz am Anfang auch etwas von Github installiert, bis ich gehört hab, dass man möglichst nur Adapter installieren soll, die in iob vorhanden sind. Das wäre dann ganz am Anfang gewesen, da hab ich aber verschiedene iob versucht und installiert. Würde das auch einen Adapter geben oder wo könnte man das finden/deinstallieren?

                                        HomoranH Nicht stören
                                        HomoranH Nicht stören
                                        Homoran
                                        Global Moderator Administrators
                                        schrieb am zuletzt editiert von
                                        #52

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

                                        wo könnte man das finden/deinstallieren?

                                        iob diag listet dir auch Adapter auf, die über github installiert wurden.

                                        kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                                        D 1 Antwort Letzte Antwort
                                        0
                                        • HomoranH Homoran

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

                                          wo könnte man das finden/deinstallieren?

                                          iob diag listet dir auch Adapter auf, die über github installiert wurden.

                                          D Offline
                                          D Offline
                                          Delphinis
                                          schrieb am zuletzt editiert von
                                          #53

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

                                          iob diag

                                          Hab leider kein iob diag (Windows Mini-PC) und unter dem Befehl iobroker hab ich nichts vergleichbares gefunden:

                                          c:\ioBroker>iob diag
                                          iobroker [command]
                                          
                                          Commands:
                                            iobroker setup                                               Setup ioBroker
                                            iobroker start [all|<adapter>.<instance>|<adapter>]          Starts the js-controller or a specified adapter instance or all instances of an adapter
                                            iobroker stop [<adapter>.<instance>|<adapter>]               stops the js-controller or a specified adapter instance or all instances of an adapter
                                            iobroker restart [<adapter>.<instance>|<adapter>]            Restarts js-controller or a specified adapter instance or all instances of an adapter  [aliases: r]
                                            iobroker debug <adapter>[.<instance>]                        Starts a Node.js debugging session for the adapter instance
                                            iobroker info                                                Shows the host info
                                            iobroker logs [<adapter>]                                    Monitor log
                                            iobroker add <adapter> [desiredNumber]                       Add instance of adapter  [aliases: a]
                                            iobroker install <adapter>                                   Installs a specified adapter  [aliases: i]
                                            iobroker rebuild [<module>]                                  Rebuild all native modules or path
                                            iobroker url <url> [<name>]                                  Install adapter from specified url, e.g. GitHub
                                            iobroker del <adapter>                                       Remove adapter and all instances from this host  [aliases: delete]
                                            iobroker del <adapter>.<instance>                            Remove adapter instance  [aliases: delete]
                                            iobroker update [<repositoryUrl>]                            Update repository and list adapters
                                            iobroker upgrade                                             Upgrade management
                                            iobroker upload [all|<adapter>]                              Upload management  [aliases: u]
                                            iobroker object                                              Object management  [aliases: o]
                                            iobroker state                                               State management  [aliases: s]
                                            iobroker message <adapter>[.instance] <command> [<message>]  Send message to adapter instance/s
                                            iobroker list <type> [<filter>]                              List all entries, like objects
                                            iobroker chmod <mode> <file>                                 Change file rights
                                            iobroker chown <user> <group> <file>                         Change file ownership
                                            iobroker touch <file>                                        Touch file
                                            iobroker rm <file>                                           Remove file
                                            iobroker file                                                File management
                                            iobroker user                                                User commands
                                            iobroker group                                               group management
                                            iobroker host <hostname>                                     Set host to given hostname
                                            iobroker set <adapter>.<instance>                            Change settings of adapter config
                                            iobroker license <license.file or license.text>              Update license by given file
                                            iobroker cert                                                Certificate management
                                            iobroker clean <yes>                                         Clears all objects and states
                                            iobroker backup                                              Create backup
                                            iobroker restore <backup name or path>                       Restore a specified backup
                                            iobroker validate <backup name or path>                      Validate a specified backup
                                            iobroker status [all|<adapter>.<instance>]                   Status of ioBroker or adapter instance  [aliases: isrun]
                                            iobroker repo [<name>]                                       Show repo information
                                            iobroker uuid                                                Show uuid of the installation  [aliases: id]
                                            iobroker unsetup                                             Reset license, installation secret and language
                                            iobroker fix                                                 Execute the installation fixer script, this updates your ioBroker installation
                                            iobroker nodejs-update [<major-version>]                     Upgrade the Node.JS installation to the current LTS
                                            iobroker multihost                                           Multihost management
                                            iobroker compact                                             compact group management
                                            iobroker plugin                                              Plugin management
                                            iobroker vendor <passphrase> [<vendor.json>]                 Update the vendor information using given passphrase
                                            iobroker version [<adapter>]                                 Show version of js-controller or specified adapter  [aliases: v]
                                          
                                          HomoranH 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          366

                                          Online

                                          32.6k

                                          Benutzer

                                          82.0k

                                          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