Hallo,
Ich beschäftige mich seit ein paar Tagen mit Tablet UI.
Einiges habe ich schon zusammengebracht dank dem Forum bzw dem Wiki.
Was ich habe nicht finde, ist wie ich den Inhalt immer oben beginnend anzeigen lassen kann. siehe Bild
Ich habe es schon versucht mit der Angabe class="top-align", doch das hilft nicht.
Ich denke es wird irgendwo im CSS verborgen sein, doch ich finde nichts.
Ich habe nur die fhem-tablet-ui.css und danach eine user.css eingebunden. Arbeite mit gridster.
Weiters hätte ich immer gerne, dass die Zahlen rechtsbündig angezeigt werden.
Bitte um einen Tipp, wo ich die Einstellungen finden könnte.
Update:
Ich habe etwas gefunden wenn ich
.gridster .row > div {
vertical-align: top;
}
auf top ändere anstatt middle.
Dich wie kann ich nun in css eine eigene class machen, damit ich wählen kann?
css ist ein spanisches Dorf für mich.
Zitat von: maci am 24 April 2020, 10:46:31
Update:
Ich habe etwas gefunden wenn ich
.gridster .row > div {
vertical-align: top;
}
auf top ändere anstatt middle.
Dich wie kann ich nun in css eine eigene class machen, damit ich wählen kann?
css ist ein spanisches Dorf für mich.
mach doch inline CSS - in das HTML Element einfach hinzufügen:
style="vertical-align: top;"Ansonsten kannst du auch eine custom css datei mit der neuen class erstellen und diese in deiner index.html einbinden und dann nutzen. Sorry, hab den ersten Post nur überflogen, aber du hast ja schon eine user.css:
Zitat von: maci am 24 April 2020, 10:24:25Ich habe nur die fhem-tablet-ui.css und danach eine user.css eingebunden. Arbeite mit gridster.
da fügst du eine neue class ein:
.meineneueclass {
vertical-align: top !important;
}und in dem div container dann die class hinzufügen:
class="meineneueclass"inline CSS hat den Vorteil, dass es jede andere CSS Definition überschreibt
Ja danke, das ist die beste Lösung.
Bin fast zeitgleich auch draufgekommen mit etwas herumprobieren.