[FTUI 2] Formatierung Spaltenbreite TabletUI mit Widget readingsGroup

[sTaN]

Hallo liebe Community,

und erneut muss ich um Hilfe fragen...

Ich bekomme es leider nicht hin, die volle Breite meiner readingsGroup in TabletUI auszunutzen. Habe gedacht, dass die Anzeige über das Widget readingsGroup identisch der in FHEM Web ist, aber dem scheint leider nicht so.

folgende Definition und Darstellung (Screenshot TabletUI_Heizungswerte_Fensterwerte) habe ich in TabletUI:

Code Auswählen Erweitern

        <li data-row="1" data-col="1" data-sizex="3" data-sizey="3">
          <header><font size="">Heizungswerte</font></header>
          <div class="cell">
            <div data-type="readingsgroup" data-device="rg_Heizung" style=";width:100%;height:100%;text-align:left;overflow:auto;"></div>
          </div>
        </li>
        <li data-row="4" data-col="1" data-sizex="3" data-sizey="2">
          <header><font size="">Fensterwerte</font></header>
          <div class="cell" style="width:100%;height:100%;text-align:left;overflow:auto;">
            <div data-type="readingsgroup" data-device="rg_Fensterkontakte"></div>
          </div>
        </li>

Hier dachte ich, kann ich mittels style="width:100%" mein Ziel erreichen, da ich mittels height:100%;text-align:left;overflow:auto; zumindest auch das Scrolling hinbekommen habe.

Die readingsGroup für die Heizungswerte in FHEM WEB ist folgendermaßen definiert und sieht wie in Screenshot FHEM_WEB_readingsGroup_Heizungswerte aus:

Code Auswählen Erweitern

Internals:
   CFGFN     
   DEF        <%sani_heating>,<Soll>,<>,<Ist>,<>,<Batterie> type=.*Thermostat:desiredTemperature,<>,temperature,<>,battery
   FUUID      5XXXXXXX
   NAME       rg_Heizung
   NR         4692
   NTFY_ORDER 50-rg_battery_heizung
   STATE      Initialized
   TYPE       readingsGroup
   changed    0
   mayBeVisible 1
   CONTENT:
     HT_Bad     1
     HT_Buero   1
     HT_Esszimmer 1
     HT_Kueche  1
     HT_Schlafzimmer 1
     HT_Wohnzimmer 1
     WT_Bad     1
     WT_Buero   1
     WT_Kueche  1
     WT_Schlafzimmer 1
     WT_Wohnzimmer 1
   CONTENT2:
   DEVICES:
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
   fhem:
     lastDefChange 277
     last_update 1610402551.651
   helper:
     DEF       
     mapping    %ALIAS
     nameStyle  style="font-weight:bold"
     valueStyle {if($READING eq "temperature" && $VALUE > 20){ 'style="text-align:right;;color:green;;font-weight:bold"' }elsif( $READING eq "temperature" && $VALUE <= 20 ){ 'style="color:blue"' }elsif( $READING eq "temperature" && $VALUE > 23 ){ 'style="color:red"' }else{ 'style="color:gray"' } }
     positions:
       HT_Bad.battery 2:5
       HT_Bad.desiredTemperature 2:1
       HT_Bad.temperature 2:3
       HT_Buero.battery 3:5
       HT_Buero.desiredTemperature 3:1
       HT_Buero.temperature 3:3
       HT_Esszimmer.battery 4:5
       HT_Esszimmer.desiredTemperature 4:1
       HT_Esszimmer.temperature 4:3
       HT_Kueche.battery 5:5
       HT_Kueche.desiredTemperature 5:1
       HT_Kueche.temperature 5:3
       HT_Schlafzimmer.battery 6:5
       HT_Schlafzimmer.desiredTemperature 6:1
       HT_Schlafzimmer.temperature 6:3
       HT_Wohnzimmer.battery 7:5
       HT_Wohnzimmer.desiredTemperature 7:1
       HT_Wohnzimmer.temperature 7:3
       WT_Bad.battery 8:5
       WT_Bad.desiredTemperature 8:1
       WT_Bad.temperature 8:3
       WT_Buero.battery 9:5
       WT_Buero.desiredTemperature 9:1
       WT_Buero.temperature 9:3
       WT_Kueche.battery 10:5
       WT_Kueche.desiredTemperature 10:1
       WT_Kueche.temperature 10:3
       WT_Schlafzimmer.battery 11:5
       WT_Schlafzimmer.desiredTemperature 11:1
       WT_Schlafzimmer.temperature 11:3
       WT_Wohnzimmer.battery 12:5
       WT_Wohnzimmer.desiredTemperature 12:1
       WT_Wohnzimmer.temperature 12:3
     recalc:
       undef
       ARRAY(0x6b4b000)
       undef
       ARRAY(0x5a84660)
     valueFormat:
       desiredTemperature %.0f
       maxValveSetting %.0f %%
       temperature %.0f
       valveposition %.0f %%
     valueIcon:
       battery.low measure_battery_0@red
       battery.ok measure_battery_100@green
     valueSuffix:
       desiredTemperature  °C
       temperature  °C
     values:
       formated:
         undef
         ARRAY(XXXXXX)
         undef
         ARRAY(XXXXXX)
         undef
         ARRAY(XXXXXX)
       orig:
         undef
         ARRAY(XXXXXX)
         undef
         ARRAY(XXXXXX)
         undef
         ARRAY(XXXXXX)
       prefixsuffix:
         undef
         ARRAY(XXXXXX)
         undef
         ARRAY(XXXXXX)
         undef
         ARRAY(XXXXXX)
Attributes:
   mapping    %ALIAS
   nameStyle  style="font-weight:bold"
   noheading  1
   room       MAX,Zentral
   valueFormat {'temperature' => "%.0f", 'desiredTemperature' => "%.0f", 'valveposition' =>"%.0f %%", 'maxValveSetting' =>"%.0f %%" }
   valueIcon  {'battery.ok' => 'measure_battery_100@green', 'battery.low' => 'measure_battery_0@red'}
   valueStyle {if($READING eq "temperature" && $VALUE > 20){ 'style="text-align:right;;color:green;;font-weight:bold"' }elsif( $READING eq "temperature" && $VALUE <= 20 ){ 'style="color:blue"' }elsif( $READING eq "temperature" && $VALUE > 23 ){ 'style="color:red"' }else{ 'style="color:gray"' } }
   valueSuffix {"temperature" => ' °C', "desiredTemperature" => ' °C'}

Die readingsGroup für die Fensterwerte in FHEM WEB ist folgendermaßen definiert und sieht wie in Screenshot FHEM_WEB_readingsGroup_Fensterwerte aus

Code Auswählen Erweitern

Internals:
   CFGFN     
   DEF        type=ShutterContact:<>,state,<>,battery
   FUUID      5XXXXXXX
   NAME       rg_Fensterkontakte
   NR         5025
   NTFY_ORDER 50-rg_Fensterkontakte
   STATE      Initialized
   TYPE       readingsGroup
   changed    0
   mayBeVisible 1
   CONTENT:
     FK_Bad     1
     FK_Buero_Couch 1
     FK_Buero_Desk 1
     FK_Esszimmer 1
     FK_Schlafzimmer 1
     FK_Wohnzimmer 1
     TK_Kueche  1
     TK_Schlafzimmer 1
   CONTENT2:
   DEVICES:
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
     ARRAY(XXXXXX)
   fhem:
     lastDefChange 277
     last_update 1610402551.76531
   helper:
     DEF       
     mapping    %ALIAS
     nameStyle  style="font-weight:bold"
     positions:
       FK_Bad.battery 1:4
       FK_Bad.state 1:2
       FK_Buero_Couch.battery 2:4
       FK_Buero_Couch.state 2:2
       FK_Buero_Desk.battery 3:4
       FK_Buero_Desk.state 3:2
       FK_Esszimmer.battery 4:4
       FK_Esszimmer.state 4:2
       FK_Schlafzimmer.battery 5:4
       FK_Schlafzimmer.state 5:2
       FK_Wohnzimmer.battery 6:4
       FK_Wohnzimmer.state 6:2
       TK_Kueche.battery 7:4
       TK_Kueche.state 7:2
       TK_Schlafzimmer.battery 8:4
       TK_Schlafzimmer.state 8:2
     valueIcon:
       battery.low measure_battery_0@red
       battery.ok measure_battery_100@green
       state.closed fts_window_1w@lightgreen
       state.opened fts_window_1w_open@red
     values:
       formated:
         undef
         undef
         ARRAY(XXXXXX)
         undef
         ARRAY(XXXXXX)
       orig:
         undef
         undef
         ARRAY(XXXXXX)
         undef
         ARRAY(XXXXXX)
       prefixsuffix:
         undef
         undef
         ARRAY(XXXXXX)
         undef
         ARRAY(XXXXXX)
Attributes:
   mapping    %ALIAS
   nameStyle  style="font-weight:bold"
   noheading  1
   room       MAX,Zentral
   style      class="block wide rgDevices"
   valueIcon  {'state.closed' => 'fts_window_1w@lightgreen', 'state.opened' => 'fts_window_1w_open@red', 'battery.ok' => 'measure_battery_100@green', 'battery.low' => 'measure_battery_0@red'}

Vielleicht hat jemand eine Idee?

Grüße
sTaN