FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: noxx am 17 Juni 2017, 12:06:48

Titel: FTUI und Zeilenumbrüche (Wetter)
Beitrag von: noxx am 17 Juni 2017, 12:06:48
Hallo

habe hier leider keine Antwort bekommen
https://forum.fhem.de/index.php/topic,63067.msg648669.html#msg648669

Frage daher besser mit einem Thread:

Wie bekomme ich Zeilenumbrüche definiert?

In dem Beispiel wird bei langen Wettertexten die "Zelle" breiter gezogen und damit
auch die Wetter-Icons.

Gruß
Titel: Antw:FTUI und Zeilenumbrüche (Wetter)
Beitrag von: setstate am 17 Juni 2017, 13:52:20
Zeilenumbrüche werden automatisch gemacht, wenn der Container (DIV) nicht breit genug ist. Also muss man die Breite pro Spalte begrenzen bzw. fix vorgeben.
Titel: Antw:FTUI und Zeilenumbrüche (Wetter)
Beitrag von: noxx am 17 Juni 2017, 13:58:12
und wie?

style="width:175px"

funktioniert leider nicht
Titel: Antw:FTUI und Zeilenumbrüche (Wetter)
Beitrag von: MKeY am 17 Juni 2017, 19:49:32
ich kann dir ohne testen kein anhalt bzgl der div container größe geben.
ich nutze einerseits simple grid, andererseits die oldschool html table mit variablen größen

http://thisisdallas.github.io/Simple-Grid/ (http://thisisdallas.github.io/Simple-Grid/)

<div class="col-1-2">
                 <div data-type="label"
                         class="small">
                         Heute
                 </div>
                 <div class="cell">
                         <img id="image"
                         src="http://www.dwd.de/DE/wetter/wetterundklima_vorort/_functions/bildgalerie/wetter_aktuell.jpg?view=nasImage&nn=561906"
                         width="100%"
                         data-refresh="600"
                         class="nocache">
                 </div>
         </div>


<table width="100%" border="1">
                                         <tr>
                                                 <td width="20%">
                                                         <div data-type="label">Am</div>
                                                 </td>
                                                 <td width="45%">
                                                         <div data-type="label">Wer</div>
                                                 </td>
                                                 <td width="20%">
                                                         <div data-type="label">Tage bis</div>
                                                 </td>
                                                 <td width="15%">
                                                         <div data-type="label">Ausschalten</div>
                                                 </td>
                                         </tr>
</table>
Titel: Antw:FTUI und Zeilenumbrüche (Wetter)
Beitrag von: setstate am 19 Juni 2017, 02:19:02
Zitat von: noxx am 17 Juni 2017, 13:58:12
und wie?

style="width:175px"

funktioniert leider nicht

Anstatt

<div class="container inline top-space-2x">

das benutzen

<div class="container col-20 top-space-2x">
Titel: Antw:FTUI und Zeilenumbrüche (Wetter)
Beitrag von: noxx am 19 Juni 2017, 07:16:04
Danke

OT

Wieso sieht man mit Tapatalk
den Code nicht?

Gesendet von meinem GT-I9195 mit Tapatalk

Titel: Antw:FTUI und Zeilenumbrüche (Wetter)
Beitrag von: noxx am 19 Juni 2017, 09:43:15
gibts eigentlich irgendwo ne Übersicht über die ganzen Klassen?

EDIT
gefunden
https://wiki.fhem.de/wiki/FHEM_Tablet_UI#CSS-Klassen