Navbar Button bei Betätigung einfärben / Raffstore Steuerung

[powell]

Hallo,
ich würde sehr gerne den jeweiligen Raum in der Navbar links und in der Navbar oben mehr hervorheben, sobald dieser ausgewählt ist.
Gibt es hier eine Möglichkeit die Schrift, sobald der jeweilige Button betätigt, ist einzufärben? Am schönsten wäre es wenn der Pfeil dann auch die passende Farbe mit hat.



Ebenfalls wollte ich fragen, ob die Steuerung der Raffstore mit dem folgenden Code funktionieren könnte. Ich kann dies leider noch nicht testen:-(


<mapping name="Jalousie">
<entry value="0">
<icon name="fts_window_2w"/>
</entry>
<entry range_min="0.01" range_max="14.99">
<icon name="fts_shutter_10"/>
</entry>
<entry range_min="15" range_max="24.99">
<icon name="fts_shutter_20"/>
</entry>
<entry range_min="25" range_max="34.99">
<icon name="fts_shutter_30"/>
</entry>
<entry range_min="35" range_max="44.99">
<icon name="fts_shutter_40"/>
</entry>
<entry range_min="45" range_max="54.99">
<icon name="fts_shutter_50"/>
</entry>
<entry range_min="55" range_max="64.99">
<icon name="fts_shutter_60"/>
</entry>
<entry range_min="65" range_max="74.99">
<icon name="fts_shutter_70"/>
</entry>
<entry range_min="75" range_max="84.99">
<icon name="fts_shutter_80"/>
</entry>
<entry range_min="85" range_max="99.99">
<icon name="fts_shutter_90"/>
</entry>
<entry value="100">
<icon name="fts_shutter_100"/>
</entry>
</mapping>
<mapping name="Lamellen">
<entry value="0">
<icon name="fts_blade_arc_00"/>
</entry>
<entry range_min="0.01" range_max="14.99">
<icon name="fts_blade_arc_10"/>
</entry>
<entry range_min="15" range_max="24.99">
<icon name="fts_blade_arc_20"/>
</entry>
<entry range_min="25" range_max="34.99">
<icon name="fts_blade_arc_30"/>
</entry>
<entry range_min="35" range_max="44.99">
<icon name="fts_blade_arc_40"/>
</entry>
<entry range_min="45" range_max="54.99">
<icon name="fts_blade_arc_50"/>
</entry>
<entry range_min="55" range_max="64.99">
<icon name="fts_blade_arc_60"/>
</entry>
<entry range_min="65" range_max="74.99">
<icon name="fts_blade_arc_70"/>
</entry>
<entry range_min="75" range_max="84.99">
<icon name="fts_blade_arc_80"/>
</entry>
<entry range_min="85" range_max="99.99">
<icon name="fts_blade_arc_90"/>
</entry>
<entry value="100">
<icon name="fts_blade_arc_100"/>
</entry>
</mapping>



<group name="Raffstore" visible="false">
<layout colspan="12"/>
<text>
<layout colspan="2"/>
<label>Eingang</label>
</text>
<info mapping="Jalousie">
<layout colspan="1"/>
<address transform="DPT:5.001" mode="read">3/5/0</address>
</info>
<info format="%.0f %">
<layout colspan="1"/>
<address transform="DPT:5.001" mode="read">3/5/0</address>
</info>
<info mapping="Lamellen">
<layout colspan="1"/>
<address transform="DPT:5.001" mode="read">3/6/0</address>
</info>
<info format="%.0f %">
<layout colspan="1"/>
<address transform="DPT:5.001" mode="read">3/6/0</address>
</info>
<trigger value="0" mapping="UpDown" align="center" shortvalue="0" shorttime="300">
<layout colspan="2"/>
<address transform="DPT:1.001" mode="write">3/1/0</address>
<address transform="DPT:1.001" mode="write" variant="short">3/3/0</address>
</trigger>
<trigger value="1" styling="GreyGrey" mapping="Stop" align="center">
<layout colspan="2"/>
<address transform="DPT:1.001" mode="write">3/2/0</address>
</trigger>
<trigger value="1" mapping="UpDown" align="center" shortvalue="1" shorttime="300">
<layout colspan="2"/>
<address transform="DPT:1.001" mode="write">3/1/0</address>
<address transform="DPT:1.001" mode="write" variant="short">3/3/0</address>
</trigger>
</group>


Schonmals vielen Dank!

[Chris M.]

Druch ein eigenes CSS - was die CV ja unterstützt - sollte es möglich hier die Darstellung entsprechend zu übersteuern.

Bzgl. der Icons habe ich den Code zwar nicht ganz lesen können (Tip: das Forum unterstützt Code-Formatierung, so dass es dann leichter geht), ich glaube aber verstanden zu haben, was Du willst. Und ja, da sollte gehen.

[powell]

Ok, das heißt ich muss das dann in der metal design CSS ändern? Oder muss bzw kann ich das eine komplett neue dazu erstellen?
Da muss ich mich wohl erstmals ein wenig einlesen;-)

Super, dann sollte es ja funktionieren:-)

Wie genau funktioniert das mit der code Formatierung? Ich habe diesen aus dem notepad++ einfach rein kopiert.

Vielen Dank!

[Chris M.]

Bei CSS steht das "C" für cascading, d.h. Du kannst die Regeln "kaskarieren" - oder ganz einfach gesagt "wichtigere" Regel übersteuern die nicht so wichtigen.
Nun kannst Du in einer eigenen CSS Datei (die custom.css) einfach eigene Regeln festlegen, die übersteuern dann z.B. die Default-Einstellungen des Designs.
=> Du musst Metal nicht anfassen
(Ein bestehendes Design anzufassen wäre auch ziemlich doof - ein Update und Deine Änderungen wären wieder weg).

Über den Entwickler-Modus im Browser (Strg+Shift+I) kann man da ganz wunderbar interaktiv rumspielen, bis man was passendes hat.

[powell]

Super, jetzt habe ich das verstanden. Dann teste ich das einmal.
Vielen Dank für die ausführliche Antwort!