FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Soc am 08 April 2018, 22:42:55

Titel: Zeilenabstände (Tabelle) verkleinern?
Beitrag von: Soc am 08 April 2018, 22:42:55
Hallo Zusammen,

Ich verwende eine Tabelle um Anrufe aus der Fritzbox darzustellen.
Die einzelnen Zeilenabstände sind doch sehr groß und ich würde sie gerne verringern.
Geht das? Und wenn ja, wie?

Danke für die Hilfe.
Titel: Antw:Zeilenabstände (Tabelle) verkleinern?
Beitrag von: Eisix am 08 April 2018, 23:53:28
Hallo,

Da du nichts von deinem Code zeigst, ein Beispiel von mir.

<!DOCTYPE html>                                                                                                                                                                                                                                                 
<html>                                                                                                                                                                                                                                                         
<head></head>                                                                                                                                                                                                                                                   
<body>                                                                                                                                                                                                                                                         
<header>Anrufliste</header>                                                                                                                                                                                                                                     
<table height="93%" width="100%" class="top" border="5" BORDERCOLOR=grey>                                                                                                                                                                                       
        <tr>                                                                                                                                                                                                                                                   
                <th>                                                                                                                                                                                                                                           
                        <div data-type="symbol" data-device="Calllist" data-get="1-state" data-icons='["fa-toggle-off","fa-phone","fa-phone","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone"]' da
ta-colors='["red","#21a000","#21a000","red","yellow","yellow","#21a000","#21a000","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]' class="compressed inline"></div>                                       
                </th>                                                                                                                                                                                                                                           
                <th>                                                                                                                                                                                                                                           
                        <div data-type="symbol" data-device="Calllist" data-get="1-state" data-icons='["fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arr
ow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-up"]' data-colors='["red","#21a000","#21a000","red","yellow","yellow","#21a000","#21a000","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]' clas
s="inline compressed"></div>                                                                                                                                                                                                                                   
                </th>                                                                                                                                                                                                                                           
                <th>                                                                                                                                                                                                                                           
                        <div data-type="label" data-device="Calllist" style="font-size: 100%" data-get="1-timestamp"  class="inline"></div>                                                                                                                     
                </th>                                                                                                                                                                                                                                           
                <th>                                                                                                                                                                                                                                           
                        <div data-type="label" data-device="Calllist" style="font-size: 100%" data-get="1-number"></div>                                                                                                                                       
                </th>                                                                                                                                                                                                                                           
                <th>                                                                                                                                                                                                                                           
                        <div data-type="label" data-device="Calllist" style="font-size: 100%" data-get="1-name"></div>                                                                                                                                         
                </th>                                                                                                                                                                                                                                           
                <th>                                                                                                                                                                                                                                           
                        <div data-type="label" data-device="Calllist" style="font-size: 100%" data-get="1-duration"></div>                                                                                                                                     
                </th>                                                                                                                                                                                                                                           
        </tr>                                                                                                                                                                                                                                                   
        <tr>                                                                                                                                                                                                                                                   
                <th>                                                                                                                                                                                                                                           
                        <div data-type="symbol" data-device="Calllist" data-get="2-state" data-icons='["fa-toggle-off","fa-phone","fa-phone","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone fa-blink","fa-phone"]' da
ta-colors='["red","#21a000","#21a000","red","yellow","yellow","#21a000","#21a000","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]' class="compressed inline"></div>                                       
                </th>                                                                                                                                                                                                                                           
                <th>                                                                                                                                                                                                                                           
                        <div data-type="symbol" data-device="Calllist" data-get="2-state" data-icons='["fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-down","fa-arrow-circle-o-up","fa-arr
ow-circle-o-down","fa-arrow-circle-o-up","fa-arrow-circle-o-up"]' data-colors='["red","#21a000","#21a000","red","yellow","yellow","#21a000","#21a000","white"]' data-get-on='["=> O_O","<=","=>","=> X","=>  ((o))","<= ((o))","=>  [=]","<=  [=]","<= X"]' clas
s="inline compressed"></div>                                                                                                                                                                                                                                   
                </th>                                                                                                                                                                                                                                           
                <th>                                                                                                                                                                                                                                           
                        <div data-type="label" data-device="Calllist" style="font-size: 100%" data-get="2-timestamp"  class="inline"></div>                                                                                                                     
                </th>                                                                                                                                                                                                                                           
                <th>                                                                                                                                                                                                                                           
                        <div data-type="label" data-device="Calllist" style="font-size: 100%" data-get="2-number"></div>                                                                                                                                       
                </th>                                                                                                                                                                                                                                           
                <th>                                                                                                                                                                                                                                           
                        <div data-type="label" data-device="Calllist" style="font-size: 100%" data-get="2-name"></div>                                                                                                                                         
                </th>                                                                                                                                                                                                                                           
                <th>                                                                                                                                                                                                                                           
                        <div data-type="label" data-device="Calllist" style="font-size: 100%" data-get="2-duration"></div>                                                                                                                                     
                </th>                                                                                                                                                                                                                                           
      </tr>
</table>                                                                                                                                                                                                                                                       
</body>                                                                                                                                                                                                                                                         
</html>


Gruß
Eisix
Titel: Antw:Zeilenabstände (Tabelle) verkleinern?
Beitrag von: Soc am 09 April 2018, 07:17:22
Hallo Eisix,

danke für das Beispiel.
Konnte keinen Code senden da ich auf Dienstreise bin.
Ich werde es gleich testen wenn ich daheim bin.

Danke.
Titel: Antw:Zeilenabstände (Tabelle) verkleinern?
Beitrag von: Soc am 09 April 2018, 07:27:01
Habe mir mal den Code angesehen und glaube zu verstehen wie es gehen müsste.
Könntest Du eventuell auch ein Hardcopy von der besagten Seite mal posten?

Danke.
Titel: Antw:Zeilenabstände (Tabelle) verkleinern?
Beitrag von: Eisix am 09 April 2018, 09:52:29
Hallo,

angehängt der Screenshot. Für weitere Zeilen einfach die readings hochzählen.

Gruß
Eisix
Titel: Antw:Zeilenabstände (Tabelle) verkleinern?
Beitrag von: Soc am 09 April 2018, 10:01:50
Wau, das sieht ja richtig gut aus.
Werde ich gleich mal bei mir einbauen.

Danke.