- √ - Mehrere Kinderzimmer

[mclb]

Hi,

ich hab bei mir 3 Kinderzimmer und überlege gerade, wie ich da nur mit Icons in der NAVBAR eine Unterscheidung anzeigen kann. In der Top-Navbar will ich ja keine Texte haben (außer es geht irgendwie, dass unter dem Icon ein kleiner Text steht). Kann man die Icons irgendwie farbig machen? Also je Kind eine andere Farbe? Oder bleibt nur die Unterscheidung nach der Reihenfolge?

Würde mich interessieren, wie ihr das gemacht habt ... ich bin hoffentlich nicht der Einzige mit mehr als einem Kind hier ;-)

Danke
Marcus

[Chris M.]

ich hab bei mir 3 Kinderzimmer und überlege gerade, wie ich da nur mit Icons in der NAVBAR eine Unterscheidung anzeigen kann. In der Top-Navbar will ich ja keine Texte haben (außer es geht irgendwie, dass unter dem Icon ein kleiner Text steht).

Sollte mit einer Custom-CSS gehen.

Kann man die Icons irgendwie farbig machen?

Aber natürlich!

Um's klarer zu machen baue ich gerade so etwas in die Demo-Config ein:

      <text>
        <label><icon name="light_light_dim_100" color="#00ff00"/> Icon mit color #00ff00</label>
      </text>
      <text>
        <label><icon name="light_light_dim_100" color="#ff0000"/> Icon mit color #ff0000</label>
      </text>

[mclb]

Also die Variante mit den Farben hilft schon mal sehr weiter, danke.

[MicHau]

Im Metal-Design ist der Text unter dem Icon. Das sieht bei mir so aus wie im Anhang. Hier noch die dazugehörige XML-Definition:

    <navbar position="top">
      <pagejump target="Start">
        <layout colspan="0"/>
        <label><icon name="control_home"/>Start</label>
      </pagejump>
      <line>
        <layout colspan="0"/>
      </line>
      <pagejump target="KG">
        <layout colspan="0"/>
        <label><icon name="control_building_s_kg"/>Keller</label>
      </pagejump>
      <pagejump target="EG">
        <layout colspan="0"/>
        <label><icon name="control_building_s_eg"/>Erdgeschoss</label>
      </pagejump>
      <pagejump target="OG">
        <layout colspan="0"/>
        <label><icon name="control_building_s_og"/>Obergeschoss</label>
      </pagejump>
      <line>
        <layout colspan="0"/>
      </line>
      <pagejump target="OUT">
        <layout colspan="0"/>
        <label><icon name="control_building_outside"/>Außen</label>
      </pagejump>
    </navbar>