FHEM Forum

FHEM => Frontends => FLOORPLAN => Thema gestartet von: Motivierte linke Hände am 13 September 2016, 21:18:01

Titel: Floorplan/CSS: Einstellung Schriftgröße Dropdown-Box
Beitrag von: Motivierte linke Hände am 13 September 2016, 21:18:01
Hi,

ich würde gerne die Schriftgröße ändern, in der eine Dropdown-Box (ein mit setList vorbefüllter Dummy) auf dem Floorplan angezeigt wird. Der Dummy heißt dum_Cam_select. Folgendes scheint es FAST zu sein:

#dum_Cam_select-devicecommands.devicecommands { font-size: 26px; }

Das führt nämlich dazu, dass Firebug anzeigt:

select {
    margin-left: 5px;
    margin-right: 5px;
}
#dum_Cam_select-devicecommands.devicecommands {
    font-size: 26px;
}


Aber leider bleibt die Schriftgröße in der Dropdown-Box unverändert...

Das gesamte CSS des Elements lt. Firebug:

<html xmlns="http://www.w3.org/1999/xhtml">
<head root="/fhem">
<body longpollfilter="fp_fp_Video=.%2B" longpoll="1" generated="1473794050.9181" name="fp_Video">
<div id="backimg" style="width: 99%; height: 99%;">
<div id="fpmenu" class="fp_arrange" style="z-index:999">
<div id="floorplan" class="screen">
<div id="logo"></div>
<div id="div-dum_Cam_select" class="fp_device_div ui-draggable ui-draggable-handle" style="position:absolute; top:138px; left:42px;" fp_name="fp_Video" fp_text2=" " fp_text="dum_Cam_select" fp_style="7">
<form autocomplete="off" action="/fhem/floorplan/fp_Video/dum_Cam_select" method="post">
<table id="table-dum_Cam_select" class="dummy fp_fp_Video" align="center">
<tbody>
<tr id="dum_Cam_select-devicecommands" class="devicecommands">
<td>
<select class="select_widget" informid="dum_Cam_select">
<option value="Balkon">Balkon</option>
<option value="Garten">Garten</option>
<option value="Terrasse">Terrasse</option>
<option value="Terrasseneingang">Terrasseneingang</option>
</select>
</td>
</tr>
</tbody>
</table>
</form>
</div>


Für einen hilfreichen Schubs in die richtige Richtung dankbar,
Christian
Titel: Antw:Floorplan/CSS: Einstellung Schriftgröße Dropdown-Box
Beitrag von: hobby_musiker am 14 September 2016, 16:18:51
Hi,

das was Du oben als CSS-Code hinzugefügt hast, ist der HTML-Code, nicht das CSS. Schau doch mal, welches CSS-File wirklich verwendet wird (in Firefox: Tools / Web Developer / Inspector). Dann siehst Du rechts unten im Fenster, wie dier Browser zu der entsprechenden Darstellung gekommen ist, d.h. die verwendeten Styles samt der Info, woher sie kommen (sogar mit Link auf das jeweilige CSS-File).

Durch abändern des dadurch gefundenen *.css-Files solltest Du dann weiter kommen.

Gruß hobby_musiker
Titel: Antw:Floorplan/CSS: Einstellung Schriftgröße Dropdown-Box
Beitrag von: Motivierte linke Hände am 14 September 2016, 16:24:23
Danke für Deine Antwort, und wahrscheinlich ist die Terminologie meiner Frage falsch. Das css jedenfalls kenne ich, in dem habe ich ja

#dum_Cam_select-devicecommands.devicecommands { font-size: 26px; }

gesetzt, so dass Firebug als gültigen font-size auch 26px anzeigt. Nur offenbar stimmt der Name des zu änderndern Elements (dum_Cam_select-devicecommands.devicecommands) noch nicht, denn dies ändert nicht die Schriftgröße in der Dropdown-Box des Dummys "dum_Cam_select".