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.
    • Homoran
      Homoran Global Moderator Administrators @Delphinis last edited by

      @delphinis bitte iob update zeigen

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

        @homoran

        C:\ioBroker>iobroker update
        Used repository: stable
        Adapter    "admin"        : 6.17.14  , installed 6.13.16 [Updatable]
        Adapter    "alias-manager": 1.2.6    , installed 1.2.6
        Adapter    "backitup"     : 2.11.0   , installed 2.9.8  [Updatable]
        Adapter    "cloud"        : 5.0.1    , installed 4.4.1  [Updatable]
        Adapter    "discovery"    : 4.5.0    , installed 4.2.0  [Updatable]
        Adapter    "flot"         : 1.12.0   , installed 1.12.0
        Adapter    "history"      : 3.0.1    , installed 3.0.1
        Adapter    "javascript"   : 8.3.1    , installed 7.8.0  [Updatable]
        Controller "js-controller": 5.0.19   , installed 5.0.19
        Adapter    "modbus"       : 6.1.0    , installed 6.1.0
        Adapter    "ping"         : 1.6.2    , installed 1.6.2
        Adapter    "sayit"        : 3.0.5    , installed 3.0.5
        Adapter    "simple-api"   : 2.8.0    , installed 2.7.2  [Updatable]
        Adapter    "socketio"     : 6.7.0    , installed 6.5.7  [Updatable]
        Adapter    "sonoff"       : 3.1.0    , installed 3.0.3  [Updatable]
        Adapter    "vis"          : 1.5.6    , installed 1.5.4  [Updatable]
        Adapter    "web"          : 6.2.5    , installed 6.1.4  [Updatable]
        Adapter    "whatsapp-cmb" : 0.2.3    , installed 0.2.3
        Adapter    "ws"           : 2.6.1    , installed 2.5.7  [Updatable]
        Adapter    "zigbee"       : 1.10.3   , installed 1.10.3
        
        

        Ok, da sind ein paar zum updaten...
        Den echarts abdapter hab ich deinstalliert. Mal testen, ob der es war. War nämlich nicht in der GUI zu finden.

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

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

          Ok, da sind ein paar zum updaten...

          wichtiger sind ja die, die es so im stable gar nicht gibt.
          dazu musst du jetzt beide Ausgaben vergleichen

          Andererseits weist dieser Updatestau auf eine insgesamt iernachlässigte Installation hin.

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

            @homoran
            Werden in Adapter alle aufgelistet:
            194a0eb1-bf9e-4e7c-b6d5-834ea1e2239a-grafik.png

            Ein paar sind in dieser Auflistung anders bezeichnet, z.B. discovery - Gerätesuche

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

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

              Ein paar sind in dieser Auflistung anders bezeichnet, z.B. discovery - Gerätesuche

              siehe download.iobroker.net/list.html

              aber in dei em Screenshot siehst du auch die update versionen.
              und links die (10) bei Adapter

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

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

                und links die (10) bei Adapter

                Das hab ich nicht verstanden.

                Jedenfalls hab ich keinen Adapter gefunden, der dort nicht in der Liste ist.
                Bin jetzt am Updaten aller Adapter. Aber ausser der Vis hat wohl kein Adapter damit zu tun, und vis hab ich schon updated und getestet.

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

                  @homoran
                  Es bringt alles nichts. Aber nachdem ich die problematische View exportiert und auf einem anderen System importiert hab und das dann funktioniert hat, denke ich es wäre am besten, diese Altlasten zu eliminieren.
                  Weisst du wie ich am gescheitesten vogehe, wenn ich das ganze System neu aufsetzen möchte? Vielleicht nur die Vis?
                  Mögliches Vorgehen:

                  1. Sicherheitskopie mit BackitUp
                  2. Alle Views exportieren
                  3. Vis-Adapter deinstallieren. -> es werden da hoffentlich alle CSS gelöscht?
                  4. Vis-Adapter neu installieren
                  5. Alle Views wieder importieren

                  Oder muss ich den ganzen iob neu aufsetzen? Aber z.B. Javascript, alle Datenpunkte, oder die Zigbee-Geräte haben ja mit der Vis nichts direkt am Hut?

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

                    Das hab ich nicht verstanden.

                    ja, war doof formuliert! Hab's jetzt geändert

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

                      @homoran
                      @OliverIO

                      Ich glaub ich komme dem Problem langsam näher

                      So, hab jetzt, bevor ich alles neu aufsetze mal testhalber alle Views Exportiert und gesichert.
                      Dabei konnte ich bei einem Import der Views in einen anderen iob ein View isolieren, welches den Fehler provoziert.
                      Dieses View ist quasi eine Kopie eines ersten Views. 13hsol und 13sol_
                      In diesen zwei Views werden die Solarwerte einerseits in den letzten stunden/Tage anzeigt und
                      im anderen kann man die Solarwerte von bis anzeigen. Ich hab das nicht in einem View hingekriegt.

                      In beiden Views ist auch ein HTML-Widget mit Tabellen von aktuellen Solardaten. In diesen hab ich eigene CSS-Regeln definiert. Diese Tabelle macht Probleme, aber nur im zweiten view.
                      Um anderes auszuschliessen hab ich nun in beiden Views, ausser den Tabellen, alles gelöscht.
                      Nun kommts:

                      • Lösche ich nur die Tabellen im zweiten View 13sol_ funktionieren die Buttons/valueList wieder
                      • Lösche ich nur die Tabellen im ersten View 13sol funktionieren die Buttons/valueList nicht
                        Beide Tabellen sind aber identisch. Es kommt offenbar nicht darauf an, ob die Tabellen zweimal drin sind, sondern in welchem View???

                      Hier mal der Code des HTML-Widgets:

                      <style>
                      table {
                        margin: 10px;
                        width: 356px;
                        border: 1px solid black;
                        border-collapse: collapse;
                      }
                      div {
                        padding-left: 10px;
                      }
                      .mainTitle {
                        font-weight: bold;
                        font-size: 25px;
                        text-align: center;
                      }
                      .mainTitleLeft {
                        font-weight: bold;
                        font-size: 25px;
                        text-align: left;
                      }
                      
                      .title {
                        font-weight: bold;
                        font-size: 20px;
                        text-align: center;
                      }
                      .titleLeft {
                        font-weight: bold;
                        font-size: 20px;
                        text-align: left;
                      }
                      .titleRight {
                        font-weight: bold;
                        font-size: 19px;
                        text-align: right;
                      }
                      .subtitle {
                        font-weight: bold;
                        font-size: 14px;
                        text-align: center;
                      }
                      .value {
                        font-size: 30px;
                        font-weight: bold;
                        text-align: right;
                      }
                      .valuesmall {
                        font-size: 20px;
                        font-weight: bold;
                        text-align: right;
                      }
                      .csolar {
                        background: #FFFFA0;
                      }
                      .cdiag {
                        background: #FFAAAA;
                      }
                      .cnetz {
                        background: #AAAAAA;
                      }
                      .cnetzein {
                        background: #FFFF00;
                      }
                      .cnetzbezug {
                        background: #FF0000;
                      }
                      .cnetzeigen {
                        background: #9ACD32;
                      }
                      .cbat {
                        background: #FF8C00;
                      }
                      .noBorderTitle {
                      	background: #FFFFFF;
                      	border-style:none;
                        font-weight: bold;
                        font-size: 20px;
                        text-align: left;
                      }
                      </style>
                      <table class="csolar" rules="all">
                        <tr class="mainTitle">
                          <td colspan=3; width="40px";>Leistung Solar Eingang</td>      
                        </tr>      
                        <tr class="title">
                          <td width="33%">String 1</td>      
                          <td width="33%">String 2</td>      
                          <td width="34%">Total</td>      
                        </tr>
                        <tr class="valuesmall">
                          <!--td>8888W</td-->
                          <td class=", value";>{modbus.0.inputRegisters.30773_PV_Leistung_Eingang_1}W</td> 
                          <!--td>8888W</td-->
                          <td class=", value";>{modbus.0.inputRegisters.30961_PV_Leistung_Eingang_2}W</td>
                          <!--td>18888W</td-->
                      	<td class=", value";>{a:modbus.0.inputRegisters.30773_PV_Leistung_Eingang_1;b:modbus.0.inputRegisters.30961_PV_Leistung_Eingang_2;parseInt(a)+parseInt(b)}W</td>
                        </tr>
                        <tr class="titleLeft">
                          <td colspan=2; width="40px";>Leistung nach Verlusten</td>      
                      		<td colspan=3; class=", value"; align="right">{0_userdata.0.Solar.Leistung.PVin_Netto}W</td>
                        </tr>   
                      	
                      </table>
                      
                      <p> </p>
                      <table class="cnetz" rules="all">
                        <tr class="mainTitleLeft">
                          <td colspan=2; width="40px";>Leistung 230V Netz</td>      
                      		<td colspan=3; class=", value"; align="right">{modbus.0.inputRegisters.30775_Messwert_Leistung}W</td>
                        </tr>      
                        <tr class="subtitle">
                          <td class="cnetzbezug"; width="33%">Netzbezug</td>      
                          <td class="cnetzein";  width="33%">Einspeisung</td>      
                          <td  class="cnetzeigen"; width="34%">Direktverbrauch</td>      
                        </tr>
                        <tr class="value">
                          <!--td class="cnetzbezug">18888W</td-->
                          <td class="cnetzbezug">{modbus.0.inputRegisters.30865_Leistung_Bezug}W</td>
                          <!--td class="cnetzein">18888W</td-->
                          <td class="cnetzein">{modbus.0.inputRegisters.30867_Messwert_Leistung_Einspeisung}W</td>
                          <!--td class="cnetzeigen">18888W</td><!--Test Textgrösse-->
                      	<td class="cnetzeigen"; width="40%";  align="right">
                      		{0_userdata.0.Solar.Leistung.Direktverbrauch}W
                      	</td>
                        </tr>	
                      </table>
                      
                      <p> </p>
                      
                      <table class="cbat" rules="all">
                        <tr class="mainTitle">
                          <td colspan=3; width="40px";>Leistung/Ladestand Batterie</td>      
                        </tr>          
                        <tr class="subtitle">
                          <td width="33%">Laden</td>      
                          <td width="33%">Entladen</td>      
                          <td width="34%">Ladung</td>      
                        </tr>
                        </tr>
                        <tr class="value">
                          <!--td class="cbat">18888W</td-->
                          <td class="cbat">{modbus.0.inputRegisters.31393_Batterieladung}W</td>
                          <!--td class="cbat">18888W</td-->
                          <td class="cbat">{modbus.0.inputRegisters.31395_Batterieentladung}W</td>
                          <!--td class="cbat">18888W</td><!--Test Textgrösse-->
                      	<td class="cbat"; width="40%";  align="right">
                      		{modbus.1.inputRegisters.30845_Batterie_SoC}%
                      	</td>
                        </tr>
                      </table>
                      
                      <br>
                      <div class="csolar noBorderTitle" rules="all">
                      	 Bilanz
                      </div>
                      <table class="csolar" rules="all">
                        <tr class="csolar">
                          <td class="titleLeft"; colspan=2; width="60%">Solarertrag Heute</td>
                          <td class="valuesmall" width="40%">{0_userdata.0.Solar.Energie.sHeute}Wh</td>
                        </tr>
                        <tr class="csolar">
                          <td class="titleLeft"; colspan=2; width="60%">Solarertrag Total</td>
                          <td class="valuesmall" width="40%">{0_userdata.0.Solar.Energie.sGesamt}Wh</td>
                        </tr>
                        <tr class="csolar">
                          <td class="titleLeft"; colspan=2; width="60%">Netzeinspeisung Heute</td>
                          <td class="valuesmall" width="40%">{0_userdata.0.Solar.Energie.sEinspeisungHeute}Wh</td>
                        </tr>		
                        <tr class="csolar">
                          <td class="titleLeft"; colspan=2; width="60%">Netzeinspeisung Total</td>
                          <td class="valuesmall" width="40%">{0_userdata.0.Solar.Energie.sEinspeisungTot}Wh</td>
                        </tr>	
                        <tr class="csolar">
                          <td class="titleLeft"; colspan=2; width="60%">Netzbezug</td>
                          <td class="valuesmall" width="40%">{0_userdata.0.Solar.Energie.sBezug}Wh</td>
                        </tr>	
                      </table>
                      
                      <br>
                      
                      <div class="csolar noBorderTitle" rules="all">
                      	 Diagnosewerte
                      </div>
                      <table class="cdiag" rules="all" background="FFAAAA">
                        <tr class="titleLeft">
                          <td>Solar</td>
                          <td class="title">U</td>
                          <td class="title">I</td>
                        </tr>
                        <tr>
                          <td class="titleLeft">String1</td>
                          <td class="title">{a:modbus.1.inputRegisters.30771_PV_Spannung_1;a/100}V</td>
                          <td class="title" width="34%">{a:modbus.1.inputRegisters.30769_PV_Strom_1;a/1000}A</td>
                        </tr>
                        <tr>
                          <td class="titleLeft">String2</td>
                          <td class="title">{a:modbus.1.inputRegisters.30959_PV_Spannung_2;a/100}V</td>
                          <td class="title" width="34%">{a:modbus.1.inputRegisters.30957_PV_Strom_2;a/1000}A</td>
                        </tr>
                      </table>
                      <table class="cdiag" rules="all" background="FFAAAA">  
                      	<tr class="titleLeft">
                          <td colspan=3>Batterie</td>
                        </tr>
                        <tr class="titleLeft">    
                          <td colspan=2; width="60%">Diag Kapazität</td>
                          <td class="valuesmall" width="40%">{modbus.1.inputRegisters.30847_Diagnose_Aktuelle_Kapazität}%</td>
                        </tr>
                        <tr class="titleLeft">    
                          <td colspan=2; width="60%">Temperatur</td>
                          <td class="valuesmall" width="40%">{a:modbus.1.inputRegisters.30849_Batterietemperatur;a/10}°C</td>
                        </tr>
                        <tr class="titleLeft">    
                          <td colspan=2; width="60%">Spannung</td>
                          <td class="valuesmall" width="40%">{modbus.1.inputRegisters.30851_Batteriespannung}V</td>
                        </tr>
                        <tr class="titleLeft">    
                          <td colspan=2; width="60%">Betriebsart</td>
                          <td class="valuesmall" width="40%">{0_userdata.0.Solar.Diverses.sBatBetriebsart}</td>
                        </tr>
                        <tr class="titleLeft">    
                          <td colspan=2; width="60%">Batteriezustand</td>
                          <td class="valuesmall" width="40%">{0_userdata.0.Solar.Diverses.sBatZustand}</td>
                        </tr>
                      </table>
                      <table class="cdiag" rules="all" background="FFAAAA">  <tr class="titleLeft">
                      	<tr class="titleLeft">
                          <td colspan=3>Wechselrichter</td>
                        </tr>
                        <tr class="titleLeft">    
                          <td colspan=2; width="60%">WR-Zustand</td>
                          <td class="valuesmall" width="40%">{0_userdata.0.Solar.Diverses.sWRZustand}</td>
                        </tr>
                        <tr class="titleLeft">    
                          <td colspan=2; width="60%">Reset Komm.-Proz.</td>
                          <td class="valuesmall" width="40%">{0_userdata.0.Solar.Diverses.sWRNeustart}</td>
                        </tr>
                      </table>
                      
                      

                      Ich werde nun mal CSS-Regel für CSS-Regel rausnehmen und schauen, ob da eine reinspielt.
                      Ist für mich aber sehr seltsam, dass das nur in dem zweiten View diese Auswirkung hat.

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

                        In diesen hab ich eigene CSS-Regeln definiert

                        wo?
                        im widget oder im Reiter CSS?

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

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

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

                            Im Widget,

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

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

                              sollte dann nur in diesem Widget gelten

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

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

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

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

                                was ist das denn?
                                also doch bösartig manipuliert? 😉

                                ich rede nur von Einstellungen in der rechten Sidebar

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

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

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

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

                                    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 meine im Code des HTML-Widgets, siehe oben. Sind da keine Style-Angaben erlaubt?

                                      aaah!
                                      deep diving!

                                      hab ich keine Ahnung von wie du das programmieren musst.

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

                                        @Delphinis

                                        ich finde es allerdings ziemlich befremdlich dass du dich über

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

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

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

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

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

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

                                          und trotz mehrfacher Nachfrage

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

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

                                            @delphinis

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

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

                                            Für den sicheren Umgang fallen mir 2 Wege ein

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

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

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

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

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            521
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            4
                                            77
                                            2658
                                            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