Nachdem ich mich nun an die Tablet UI gewagt habe brauche ich ne kleine Hilfestellung.
Ich habe ein Element eingefügt mit einer überschriftenreihe und 3x2 Labels.
Irgendwie schaffe ich es nicht die grösse anzupassen. Ich habe das im prinzip aus einem beispiel kopiert.
Für jemanden der HTML spricht wahrscheinlich sofort klar.....
<li data-row="1" data-col="2" data-sizex="2" data-sizey="1">
<header><div data-type="label" class="large">Raumklima</div></header>
<div class="sheet large">
<div class="row darker">
<div class="cell"
data-type="label">Wohnzimmer
</div>
<div class="cell"
data-type="label">Bad
</div>
<div class="cell"
data-type="label">Schlafzimmer
</div>
</div>
<div class="row">
<div class="cell"
data-type="label"
data-device="Wohnzimmer.Sensor"
data-get="temperature"
data-unit="%B0C%0A"
data-limits='[18,20,23]'
data-colors='["#6699FF","#AA6900","#FF0000"]'
class="big">
</div>
<div class="cell"
data-type="label"
data-device="Bad.Heizung_Clima"
data-get="measured-temp"
data-unit="%B0C%0A"
data-limits='[18,20,23]'
data-colors='["#6699FF","#AA6900","#FF0000"]'
class="big">
</div>
<div class="cell"
data-type="label"
data-device="Schlafzimmer.Sensor"
data-get="temperature"
data-unit="%B0C%0A"
data-limits='[18,20,23]'
data-colors='["#6699FF","#AA6900","#FF0000"]'
class="big">
</div>
</div>
<div class="row">
<div class="cell"
data-type="label"
data-device="Wohnzimmer.Sensor"
data-get="humidity"
data-unit="%"
data-limits='[1,30,70]'
data-colors='["yellow","green","red"]'
class="big">
</div>
<div class="cell"
data-type="label"
data-device="Wetter"
data-get="humidity"
data-unit="%"
data-limits='[1,30,70]'
data-colors='["yellow","green","red"]'
class="big">
</div>
<div class="cell"
data-type="label"
data-device="Schlafzimmer.Sensor"
data-get="humidity"
data-unit="%"
data-limits='[1,30,70]'
data-colors='["yellow","green","red"]'
class="big">
</div>
</div>
</li>
Viele Grüsse
Praktiker
PS:
Falls das ins Anfängerforum soll bitte verschieben.
Meinst Du mit Größen anpassen die Breite der Spalten?
Wenn ja, müsstest Du aus class="cell" zum Beispiel class="cell-33" (= 33%) machen.
Solltest Du etwas anderes gemeint haben, müsstest Du Dein Vorhaben nochmal etwas genauer beschreiben.
Ich meine die Schriftgrösse der Label.
Wenn ich ein oder zwei Label nehme geht es mit class="bigger" aber sobald ich versuche die Label in die 2. Spalte zu packen hat class= bigger keine Funktion.
Ich denke es liegt an der Kombi von <div class="cell" und data-type="label".
Wenn ich cell weglasse wird das Label groß ist aber nicht in der nächsten spalte.
Sorry, ich hätte wohl mal die Überschrift besser lesen sollen.
Du hast für jedes Label 2 mal class="..." angegeben, das darf aber nicht sein. Mach mal eins weg und schreibe beide Klassen mit Leerzeichen getrennt in das verbleibende.
@Standarduser
Danke das war die Hilfe die ich brauchte.
Nun ist es so wie ich es wollte ;-)