Label nebeneinander class big

Begonnen von Praktiker, 28 April 2017, 19:23:15

Vorheriges Thema - Nächstes Thema

Praktiker

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.



Standarduser

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.

Praktiker

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.

   

Standarduser

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.

Praktiker

@Standarduser
Danke das war die Hilfe die ich brauchte.
Nun ist es so wie ich es wollte ;-)