FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: ms_steini am 15 August 2022, 11:23:28

Titel: [FUIP] Zelle mit eigner ID
Beitrag von: ms_steini am 15 August 2022, 11:23:28
Hallo, ich befasse mich erst seit kurzem mit FUIP. Super Arbeit, Danke dafür...

Ist es möglich jede einzelne Zelle per CSS zu manipulieren ??
also z.B. jeder einzelnen Zelle eine eigene Hintergrundfarbe
.gridster li[data-cellid="2"] {
background-color:#ebebeb;
}

leider ändert sich die (data-cellid) auf jeder Page.

vielleicht ist es möglich jeder Zelle durch Eingabe einer eigenen ID (variable) zu versehen.

ich hoffe ihr versteht was ich meine.

Vielen Dank
Titel: Antw:[FUIP] Zelle mit eigner ID
Beitrag von: Thorsten Pferdekaemper am 22 August 2022, 20:42:32
Hi,
ich glaube, ich verstehe die Anforderung. Momentan ist das tatsächlich schwierig. Die cellid könnte sich sogar beim Speichern "einfach mal so" ändern. Zumindest habe ich keinen Mechanismus eingebaut, dass das Ding stabil bleibt.
Das mit der eigenen ID könnte ich mir mal anschauen. Allerdings würde ich das dann gerne mit der existierenden cellid irgendwie verheiraten. Mal sehen...
Gruß,
   Thorsten
Titel: Antw:[FUIP] Zelle mit eigner ID
Beitrag von: ms_steini am 23 August 2022, 14:16:47
ich bin darauf gekommen weil ich in letzter Zeit viel mit Elementor for Wordpress gearbeitet habe, dort kann man jedem Element eine "CSS ID"  und/oder eine CSS-Klasse zuweisen kann.

Die Zellen sind ja wie folgt aufgebaut:
<li data-cellid="1" data-row="1" data-col="2" data-sizex="1" data-sizey="1" class="fuip-droppable fuip-cell ui-droppable gs-w">

ich könnte mir das mit einem zusätzliches Feld vorstellen wie z.B. "data-css-id=XXX" und dieses könnte man in den Cell-Settings direkt unter layout mit einem Input Feld eingeben.


....... nur so eine Idee......
Titel: Antw:[FUIP] Zelle mit eigner ID
Beitrag von: Thorsten Pferdekaemper am 24 August 2022, 11:57:31
Hi,
ich habe mir das jetzt ein bisschen genauer überlegt und ich glaube, dass ich keine neue ID haben will. Eine ID muss nicht nur bestehen bleiben, sondern auch eindeutig sein. Das ist ein bisschen schwierig sicherzustellen.
Ich würde statt dessen lieber ein neues Feld css-class (oder so ähnlich) einführen. Das könnte man dann an alle Entities hängen, also cell, view, popup, viewtemplate, vielleicht sogar page. Beim Rendern würde dann die angegebene(n) Klasse(n) an die sowieso schon vorhandenen angefügt werden. Ich glaube, dass das auch besser zur Anforderung passt.
Wenn man eine einzelne Zelle "adressieren" möchte, dann kann man ja eine Klasse angeben, die es ansonsten nicht gibt.
Wäre das ok?
Gruß,
   Thorsten
Titel: Antw:[FUIP] Zelle mit eigner ID
Beitrag von: ms_steini am 24 August 2022, 13:59:01
vielen Dank erstmal für deine Mühen...

ich bin mir jetzt nicht sicher ob wir vom gleichen reden.
Ich meinte die Zelle (CELL) und nicht den Inhalt der Zelle...  siehe angehängtes Bild.

Aber wenn das genau das ist was du geschrieben hast bin ich auf jeden Fall glücklich damit :daumenhoch

Titel: Antw:[FUIP] Zelle mit eigner ID
Beitrag von: Thorsten Pferdekaemper am 24 August 2022, 14:57:23
Zitat von: ms_steini am 24 August 2022, 13:59:01
ich bin mir jetzt nicht sicher ob wir vom gleichen reden.
Ich meinte die Zelle (CELL) und nicht den Inhalt der Zelle...  siehe angehängtes Bild.
Ich meinte, dass man das außer für die Zelle auch gleich für alles andere machen könnte.
Gruß,
   Thorsten
Titel: Antw:[FUIP] Zelle mit eigner ID
Beitrag von: ms_steini am 24 August 2022, 15:40:25
achso, du setzt noch einen oben drauf..... ja das ist ja noch besser. Noch mehr kann man sich ja gar nicht wünschen!

Vielen Dank für deinen Einsatz
Titel: Antw:[FUIP] Zelle mit eigner ID
Beitrag von: Thorsten Pferdekaemper am 25 August 2022, 15:58:23
Hi,
ich hab's jetzt mal eingebaut. Bitte mal ein Update machen und ausprobieren...
Allerdings kann es sein, dass es nicht ganz so funktioniert, wie erwartet. FUIP generiert manchmal style-Angaben direkt in die Elemente rein. Dadurch werden natürlich die Angaben über Klassen übersteuert. Bei mir ging es dann nur mit !important.
Ich konnte dann aber tatsächlich das im Anhang damit machen. Die einzelnen Balken sind jeweils Zellen. Die Buchstaben sind mit einer "Dotmatrix"-View gemacht, die noch in Entwicklung ist.
Gruß,
   Thorsten
Titel: Antw:[FUIP] Zelle mit eigner ID
Beitrag von: ms_steini am 25 August 2022, 16:58:27
ui wie fein, das ging aber fix......

schau mir das gerade an... ja mit !important geht.

SUPER, vielen Dank
Titel: Antw:[FUIP] Zelle mit eigner ID
Beitrag von: ms_steini am 25 August 2022, 17:08:33
bin auch schon fleißig am basteln.....

das mit den Templates gefällt mir auch richtig gut