Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Grösste Probleme mit Auflösung, Widget-Breiten usw.

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

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

    This topic has been deleted. Only users with topic management privileges can see it.
    • OliverIO
      OliverIO @Delphinis last edited by

      @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 1 Reply Last reply Reply Quote 0
      • OliverIO
        OliverIO @Homoran last edited by OliverIO

        @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

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

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

          OliverIO 3 Replies Last reply Reply Quote 0
          • OliverIO
            OliverIO @Delphinis last edited by OliverIO

            @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

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

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

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

                @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

                1 Reply Last reply Reply Quote 0
                • D
                  Delphinis last edited by 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.

                  Homoran 1 Reply Last reply Reply Quote 0
                  • Homoran
                    Homoran Global Moderator Administrators @Delphinis last edited by

                    @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 1 Reply Last reply Reply Quote 0
                    • D
                      Delphinis @Homoran last edited by 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.

                      FredF Homoran OliverIO 3 Replies Last reply Reply Quote 0
                      • FredF
                        FredF Most Active Forum Testing @Delphinis last edited by

                        @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 Reply Last reply Reply Quote 0
                        • Homoran
                          Homoran Global Moderator Administrators @Delphinis last edited by

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

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

                            @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

                            1 Reply Last reply Reply Quote 0
                            • OliverIO
                              OliverIO last edited by 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 1 Reply Last reply Reply Quote 0
                              • D
                                Delphinis @OliverIO last edited by Delphinis

                                @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 Reply Last reply Reply Quote 0
                                • D
                                  Delphinis @FredF last edited by

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

                                  Homoran 1 Reply Last reply Reply Quote 0
                                  • Homoran
                                    Homoran Global Moderator Administrators @Delphinis last edited by

                                    @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 1 Reply Last reply Reply Quote 0
                                    • D
                                      Delphinis @Homoran last edited by

                                      @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]
                                      
                                      Homoran 1 Reply Last reply Reply Quote 0
                                      • Homoran
                                        Homoran Global Moderator Administrators @Delphinis last edited by

                                        @delphinis iob update oder iob list adapters sollte die verfügbaren Versionen des ausgewählten Repos (hoffentlich stable) sowie die installierten Versionen anzeigen.
                                        Da sollte nichts drin höher sein als verfügbar.

                                        D 1 Reply Last reply Reply Quote 0
                                        • D
                                          Delphinis @Homoran last edited by Delphinis

                                          @homoran
                                          Ok, hab den Befehl

                                          iobroker list adapters
                                          

                                          gefunden:

                                          C:\ioBroker>iobroker list adapters
                                          system.adapter.admin                   : admin          - v6.13.16
                                          system.adapter.alias-manager           : alias-manager  - v1.2.6
                                          system.adapter.backitup                : backitup       - v2.9.8
                                          system.adapter.cloud                   : cloud          - v4.4.1
                                          system.adapter.discovery               : discovery      - v4.2.0
                                          system.adapter.echarts                 : echarts        - v1.7.2
                                          system.adapter.flot                    : flot           - v1.12.0
                                          system.adapter.history                 : history        - v3.0.1
                                          system.adapter.iqontrol                : iqontrol       - v2.3.0
                                          system.adapter.javascript              : javascript     - v7.8.0
                                          system.adapter.modbus                  : modbus         - v6.1.0
                                          system.adapter.ping                    : ping           - v1.6.2
                                          system.adapter.sayit                   : sayit          - v3.0.5
                                          system.adapter.sonoff                  : sonoff         - v3.0.3
                                          system.adapter.vis                     : vis            - v1.5.4
                                          system.adapter.web                     : web            - v6.1.4
                                          system.adapter.whatsapp-cmb            : whatsapp-cmb   - v0.2.3
                                          system.adapter.zigbee                  : zigbee         - v1.10.3
                                          

                                          Da sollte eigentlich nichts mehr drin sein, was mit der vis zu tun hat. Ausser die vis selbst narürlich.

                                          Oder ist da echarts vielleicht? Versuch das mal noch zu deinstallieren. Ist das ein gute Weg über die Konsole?
                                          Da gibts einen Befehl iobroker del <adapter>.<instance>

                                          Homoran 1 Reply Last reply Reply Quote 0
                                          • Homoran
                                            Homoran Global Moderator Administrators @Delphinis last edited by

                                            @delphinis bitte iob update zeigen

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            758
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            4
                                            77
                                            2660
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo