Hallo zusammen,
ich habe heute ein Uodate von TabletUI gemacht, seitdem habe ich Probleme mit der Table Ausrichtung bzw. Anzeige.
Es werden keine Icons in der Tabelle angezeigt.
[/<li data-row="2" data-col="2" data-sizex="5" data-sizey="2">
<header>Licht EG</header>
<table width="100%">
<tr><div data-type="label" class="small inline"></div></tr>
<tr><td>
<div data-type="label" class="small inline">Stube Eingang</div>
</td>
<td>
<div data-type="label" class="small inline">Stube Mitte</div>
</td>
<td>
<div data-type="label" class="small inline">TV Backlight</div>
</td>
<td>
<div data-type="label" class="small inline">Flurlicht</div>
</td>
<td>
<div data-type="label" class="small inline">Bad EG</div>
</td></tr>
<tr><td>
<div data-type="switch" data-device="wz_lichteingang" data-on-color="lightblue" data-off-color="lightgray" data-background-icon="fa-square-o" data-icon="oa-light_wall_1" data-states="an|pan|on|aus|paus|off" data-get-on="pan|an|on" data-get-off="paus|aus|off" data-set-on="on" data-set-off="off" data-background-colors='["orange","orange",orange","#505050","#505050","#505050"]'></div>
</td>
<td>
<div data-type="switch" data-device="wz_lichtfernseher" data-on-color="lightblue" data-off-color="lightgray" data-background-icon="fa-square-o" data-icon="oa-scene_livingroom" data-states="an|pan|on|aus|paus|off" data-get-on="pan|an|on" data-get-off="paus|aus|off" data-set-on="on" data-set-off="off" data-background-colors='["orange","orange",orange","#505050","#505050","#505050"]'></div>
</td>
<td>
<div data-type="switch" data-device="wz_tv_beleuchtung" data-on-color="lightblue" data-off-color="lightgray" data-background-icon="fa-square-o" data-icon="oa-light_led_stripe_rgb" data-get-on="on.*" data-set-on="on" data-get-off="off" data-set-off="off"></div>
</td>
<td>
<div data-type="switch" data-device="flurlichteg" data-on-color="lightblue" data-off-color="lightgray" data-background-icon="fa-square-o" data-icon="oa-light_diffused" data-states="an|pan|on|aus|paus|off" data-get-on="pan|an|on" data-get-off="paus|aus|off" data-set-on="on" data-set-off="off" data-background-colors='["orange","orange",orange","#505050","#505050","#505050"]'></div>
</td>
<td>
<div data-type="switch" data-device="bad_eg" data-on-color="lightblue" data-off-color="lightgray" data-background-icon="fa-square-o" data-icon="oa-light_ceiling_light" data-states="an|pan|on|aus|paus|off" data-get-on="pan|an|on" data-get-off="paus|aus|off" data-set-on="on" data-set-off="off" data-background-colors='["orange","orange",orange","#505050","#505050","#505050"]'></div>
</td></tr>
<tr><td>
<div data-type="label" class="small inline">Schlafzimmer</div>
</td>
<td>
<div data-type="label" class="small inline">Treppenlicht</div>
</td>
<td>
<div data-type="label" class="small inline">Küche Links</div>
</td>
<td>
<div data-type="label" class="small inline">Küche Rechts</div>
</td>
<td>
<div data-type="label" class="small inline">TV Steckdose</div>
</td></tr>
<tr><td>
<div data-type="switch" data-device="buerolicht" data-on-color="lightblue" data-off-color="lightgray" data-background-icon="fa-square-o" data-icon="oa-light_ceiling_light" data-states="an|pan|on|aus|paus|off" data-get-on="pan|an|on" data-get-off="paus|aus|off" data-set-on="on" data-set-off="off" data-background-colors='["orange","orange",orange","#505050","#505050","#505050"]'></div>
</td>
<td>
<div data-type="switch" data-device="treppenlicht" data-on-color="lightblue" data-off-color="lightgray" data-background-icon="fa-square-o" data-icon="oa-light_stairs" data-states="an|pan|on|aus|paus|off" data-get-on="pan|an|on" data-get-off="paus|aus|off" data-set-on="on" data-set-off="off" data-background-colors='["orange","orange",orange","#505050","#505050","#505050"]'></div>
</td>
<td>
<div data-type="switch" data-device="kueche_links" data-on-color="lightblue" data-off-color="lightgray" data-background-icon="fa-square-o" data-icon="oa-light_ceiling_light" data-states="an|pan|on|aus|paus|off" data-get-on="pan|an|on" data-get-off="paus|aus|off" data-set-on="on" data-set-off="off" data-background-colors='["orange","orange",orange","#505050","#505050","#505050"]'></div>
</td>
<td>
<div data-type="switch" data-device="kueche_rechts" data-on-color="lightblue" data-off-color="lightgray" data-background-icon="fa-square-o" data-icon="oa-light_ceiling_light" data-states="an|pan|on|aus|paus|off" data-get-on="pan|an|on" data-get-off="paus|aus|off" data-set-on="on" data-set-off="off" data-background-colors='["orange","orange",orange","#505050","#505050","#505050"]'></div>
</td>
<td>
<div data-type="switch" data-device="tvsteckdose" data-on-color="lightblue" data-off-color="lightgray" data-background-icon="fa-square-o" data-icon="oa-message_socket" data-states="an|pan|on|aus|paus|off" data-get-on="on|an" data-set-on="on" data-get-off="off|aus" data-set-off="off" data-background-colors='["orange","orange",orange","#505050","#505050","#505050"]'></div>
</td></tr>
</table>
</li>code]
[code]
Vielleicht kann mir jemand verraten, ob ich nach dem Update was ändern muss.
Gruß Henrik
Nimm mal die ganzen "inline" raus, die machen keinen Sinn und zwischen jedes <tr> </tr> muss mindestens ein <td> </td> wenn <div> angezeigt werden sollen.
Du solltest vielleicht mal die Telefonnummern auf dem Screenshot unkenntlich machen.
Hallo Setstate,
das war es, vielen Dank für die schnelle Hilfe.
Gruß Henrik.