FHEM Forum

FHEM => Anfängerfragen => Thema gestartet von: Morgennebel am 06 März 2016, 20:13:32

Titel: readingsGroup - Icons in Spalten zentrieren?
Beitrag von: Morgennebel am 06 März 2016, 20:13:32
Guten Abend,


wie kann ich in einer readingsGroup angezeigte Icons zentrieren? Laut Doku gibt es

style style='text-align:center'

das wirkt sich jedoch anscheinend nur auf Text und nicht auf SVG-Graphiken aus...?

Danke, -MN
Titel: Antw:readingsGroup - Icons in Spalten zentrieren?
Beitrag von: RomanticBoy83 am 08 Juni 2016, 09:51:29
Ich möchte mich dieser Frage ebenfalls anschließen - das selbe Problem habe ich auch gerade!
Titel: Antw:readingsGroup - Icons in Spalten zentrieren?
Beitrag von: ToKa am 24 Januar 2018, 23:08:29
Hallo zusammen,

da ich gerade auch vor dem Problem stehe, greife ich den Thread auf.

Hat jemand dafür eine Lösung?

Beste Grüße
Torsten
Titel: Antw:readingsGroup - Icons in Spalten zentrieren?
Beitrag von: smoudo am 13 Februar 2018, 21:24:20
+1

da die svg wohl nicht zu text gehören, müsste es doch auch etwas geben was die grafik zentriert?!
wurde aber auch nicht fündig!

Grüße

Matze
Titel: Antw:readingsGroup - Icons in Spalten zentrieren?
Beitrag von: chicco am 15 März 2018, 16:45:31
Hallo zusammen,

ich hatte das selbe Problem und habe eine Lösung gefunden.
Der valueStyle wird auf einen div angewandt, der in der Tabellenzelle ist, im div ist dann das Text-Reading.
SVG-Icons werden aber direkt in die Zelle gesetzt, ohne div, deshalb hat der valueStyle hier keine Wirkung.

Lösung:
das icon direkt per css ansprechen, ohne valueStyle oder sonstige Attribute der Readingsgroup.
Ich habe für mein fhem eine chicco.css erstellt, darin lege ich all meine persönlichen Anpassungen rein. Da habe ich eingefügt:
#readingsGroup-Heizungswerte svg.icon.fts_window_1w, #readingsGroup-Heizungswerte svg.icon.fts_window_1w_open { display:block; margin:auto }
Bei mir ging es um das Fenster-auf/zu-Icon. Den Selektor für die RG sowie den Class-Name des Icon müsst ihr natürlich anpassen.

Gruß
chicco