Ankündigung

**Chris M.** · 05.05.2013, 21:01

Zitat von jensgulow Beitrag anzeigen

snapshot 2 ist die Variante mit der iconhandler.js.recolor.

Hier werden die icons deutlich vergrößert.

Ist mit 1724 hoffentlich besser.

Hier muss man aber mit allen Designs testen, denn viele Designs (und bei diesem Bug hier sogar die globale Config...) sprechen Icons im CSS noch per img.icon an - die Regel muss aber inzwischen auch noch canvas.icon mit umfassen...

Zitat von jensgulow Beitrag anzeigen

Außerdem bekommen gleich alle gleichnamigen icons (und auch noch einigen anderen) diesselben Farben und Klassen (hier class=blink) übergeben.

OK, klingt nach etwas tieferem Bug. Wie kann ich das nachstellen?

Im Zweifel einfach die Demo-Config erweitern (bei speziellerem unter "Erweiterte Widgets"). Dann kann ich mir das mit ansehen.
(Metal-Demo wäre auch i.O.)

**jensgulow** · 05.05.2013, 22:04

Na denn hab ich mal im Anhang einige Fragmente:

Habe übrigens in meiner custom.css der metal-Variante noch die canvas.icon attribute eingeschrieben, Damit sieht das schon ganz gut aus.
Die übrigen Probleme sind unverändert.

Hier Auszug aus config.xml:

Code:

    <mappings>
      <mapping name="OnOff_Licht">
        <entry value="0"><icon name="light_light" color="white"/></entry>
        <entry value="1"><icon name="light_light_dim_100" color="orange"/></entry>
      </mapping>
      <mapping name="OnOff_Stckd">
        <entry value="0"><icon name="message_socket" color="white"/></entry>
        <entry value="1"><icon name="message_socket" color="orange"/></entry>
      </mapping>
      <mapping name="OnOff_HTH">
        <entry value="0"><icon name="control_standby" color="white"/></entry>
        <entry value="1"><icon name="control_standby" color="orange"/></entry>
      </mapping>
      <mapping name="OpenClose_window">
        <entry value="0">    <icon name="fts_window_1w_open" />    </entry>
        <entry value="1">    <icon name="fts_window_1w" />            </entry>
        <entry value="2">    <icon name="fts_window_1w_tilt" />    </entry>
      </mapping>
      <mapping name="DoorOpenClose">
        <entry value="0">    <icon name="fts_door_open" />        </entry>
        <entry value="1">    <icon name="fts_door" />            </entry>
      </mapping>
      <mapping name="ShutterOpenClose">
        <entry value="0">    <icon name="fts_shutter_up" />            </entry>
        <entry value="1">    <icon name="fts_shutter_down" />        </entry>
      </mapping>
      <mapping name="OpenClose">
        <entry value="0">AUF</entry>
        <entry value="1">ZU</entry>
      </mapping>
      <mapping name="UpDown">
        <entry value="0">    <icon name="control_arrow_up" />            </entry>
        <entry value="1">    <icon name="control_arrow_down" />            </entry>
      </mapping>
      <mapping name="DaWeg">
        <entry value="0">NEIN</entry>
        <entry value="1">JA</entry>
      </mapping>
      <mapping name="DaWegIcon">
        <entry value="0">    <icon name="user_away" color="white"/>        </entry>
        <entry value="1">    <icon name="user_available" color="orange"/>        </entry>
      </mapping>
      <mapping name="Jetzt">
        <entry value="0">    <icon name="control_on_off" color="orange"/></entry>
      </mapping>
      <mapping name="OnOff">
        <entry value="0">O</entry>
        <entry value="1">I</entry>
      </mapping>
      <mapping name="60">
        <entry value="1">60%</entry>
      </mapping>
      <mapping name="80">
        <entry value="1">80%</entry>
      </mapping>
      <mapping name="AudioMute">
        <entry value="0">    <icon name="audio_volume_mute" />            </entry>
        <entry value="1">    <icon name="audio_audio" />            </entry>
      </mapping>
      <mapping name="Sign">
        <entry range_min="-1e99" range_max="0">Negativ</entry>
        <entry value="0">Null</entry>
        <entry range_min="0" range_max="1e99">Positiv</entry>
      </mapping>
      <mapping name="Unwetter">
        <entry value="0">    </entry>
        <entry value="1">    <icon name="weather_thunderstorm"/>        </entry>
        <entry value="2">    <icon name="weather_winter"/>        </entry>
        <entry value="3">    <icon name="weather_rain"/>        </entry>
        <entry value="4">    <icon name="weather_snow"/>        </entry>
        <entry value="5">    <icon name="weather_wind"/>            </entry>
        <entry value="6">    <icon name="temp_frost"/>            </entry>
        <entry value="7">    <icon name="temp_frost"/>    </entry>
      </mapping>
      <mapping name="Muell">
        <entry value="0">Aktuell keine Meldungen</entry>
        <entry value="1">Keine Daten !</entry>
        <entry value="2">Restmüll rausstellen!<icon name="Restmuell"/></entry>
        <entry value="4">Biomüll rausstellen!<icon name="Biomuell"/></entry>
        <entry value="8">Blaue Tonne rausstellen!<icon name="Papier"/></entry>
        <entry value="16">Gelbe Tonne rausstellen!<icon name="Plaste"/></entry>
      </mapping>
      <mapping name="Muellbest">
        <entry value="1">OK</entry>
        <entry value="1990-01-01">-</entry>
      </mapping>
      <mapping name="Heizung">
        <entry value="1"><icon name="sani_floor_heating" color="orange" class="blink"/>Heiz:</entry>
        <entry value="0"><icon name="sani_floor_heating" color="white"/>Heiz:</entry>
      </mapping>
      <mapping name="Kuehlung">
        <entry value="1"><icon name="sani_floor_heating" color="blue" class="blink"/>Kuehl:</entry>
        <entry value="0"><icon name="sani_floor_heating" color="white"/>Kuehl:</entry>
      </mapping>
      <mapping name="WW">
        <entry value="1"><icon name="sani_buffer_temp_all" color="orange" class="blink"/>WW:</entry>
        <entry value="0"><icon name="sani_buffer_temp_all" color="white"/>WW:</entry>
      </mapping>
      <mapping name="BetriebszustandWP">
        <entry value="WW-Betrieb">        <icon name="sani_buffer_temp_all"     color="orange"    class="blink"    />Modus:</entry>
        <entry value="Heizbetrieb">        <icon name="sani_floor_heating"     color="orange"    class="blink"    />Modus:</entry>
        <entry value="Stufe 2">            <icon name="sani_floor_heating"     color="#B20125"    class="blink"    />Modus:</entry>
        <entry value="Handbetrieb">        <icon name="time_manual_mode"         color="orange"                    />Modus:</entry>
        <entry value="Unterbrechung">    <icon name="control_standby"         color="blue"    class="blink"    />Modus:</entry>
        <entry value="Solar">            <icon name="sani_solar"             color="orange"                    />Modus:</entry>
        <entry value="Kuehlung">        <icon name="sani_floor_heating"     color="blue"                    />Modus:</entry>
        <entry value="Ext. Steuerung">    <icon name="time_manual_mode"         color="orange"                    />Modus:</entry>
        <entry value="AUS">                <icon name="control_standby"         color="white"                    />Modus:</entry>          
      </mapping>
        
    </mappings>

...

    <stylings>
      <styling name="GreyGrey">
        <entry value="0">grey</entry>
        <entry value="1">grey</entry>
      </styling>
      <styling name="GreyGreen">
        <entry value="0">grey</entry>
        <entry value="1">green</entry>
      </styling>
      <styling name="RedGreen">
        <entry value="0">red</entry>
        <entry value="1">green</entry>
      </styling>
      <styling name="GreenRed">
        <entry value="1">red</entry>
        <entry value="0">green</entry>
      </styling>
      <styling name="WhiteOrange">
        <entry value="1">orange</entry>
        <entry value="0">white</entry>
      </styling>
      <styling name="WhiteBlue">
        <entry value="1">lightblue</entry>
        <entry value="0">white</entry>
      </styling>
      <styling name="OrangeGreenJalo">
        <entry range_min="-100" range_max="-1">lightblue</entry>
        <entry range_min="-1" range_max="30">silver</entry>
        <entry range_min="30" range_max="100">orange</entry>
      </styling>
      <styling name="BluePurpleRed">
        <entry range_min="-100" range_max="0">darkblue</entry>
        <entry value="0">darkpurple</entry>
        <entry range_min="0" range_max="100">darkred</entry>
      </styling>
      <styling name="BlueOrangeRedTemp">
        <entry range_min="-40" range_max="18">lightblue</entry>
        <entry range_min="18" range_max="30">orange</entry>
        <entry range_min="30" range_max="100">darkred</entry>
      </styling>
      <styling name="GreyOrangeBG">
        <entry value="0">grey_bg</entry>
        <entry value="1">orange_bg</entry>
      </styling>
      <styling name="Unwetter">
        <entry value="0">silver</entry>
        <entry value="Gewitter">orange</entry>
        <entry value="Glatteis">orange</entry>
        <entry value="Regen">orange</entry>
        <entry value="Schnee">orange</entry>
        <entry value="Sturm">orange</entry>
        <entry value="Temperatur">orange</entry>
        <entry value="Glaette">orange</entry>
      </styling>
      <styling name="UnwetterBG">
        <entry value="0">grey_bg</entry>
        <entry value="1">orange_bg</entry>
        <entry value="2">orange_bg</entry>
        <entry value="3">orange_bg</entry>
        <entry value="4">orange_bg</entry>
        <entry value="5">orange_bg</entry>
        <entry value="6">orange_bg</entry>
        <entry value="7">orange_bg</entry>
      </styling>
      <styling name="Muell">
        <entry value="1">grey</entry>
        <entry value="2">grey</entry>
        <entry value="4">brown</entry>
        <entry value="8">darkblue</entry>
        <entry value="16">darkyellow</entry>
      </styling>
      <styling name="MuellBG">
        <entry value="1">grey_bg</entry>
        <entry value="2">grey_bg</entry>
        <entry value="4">brown_bg</entry>
        <entry value="8">darkblue_bg</entry>
        <entry value="16">darkyellow_bg</entry>
      </styling>
      <styling name="BetriebszustandWP">
        <entry value="WW-Betrieb">orange</entry>
        <entry value="Heizbetrieb">orange</entry>
        <entry value="Stufe 2">red</entry>
        <entry value="Handbetrieb">orange</entry>
        <entry value="Unterbrechung">white</entry>
        <entry value="Solar">orange</entry>
        <entry value="Kuehlung">blue</entry>
        <entry value="Ext. Steuerung">orange</entry>
        <entry value="AUS">white</entry>
      </styling>
    </stylings>

...

    <page name="WP" shownavbar="true" shownavbar-left="true" visible="false" showfooter="false">
        <navbar position="left" dynamic="true" width="200px">
            <group name="Allgemein">
                <pagejump target="WP" name="Übersicht">
                    <label>
                        <icon name="sani_floor_heating" />
                    </label>
                </pagejump>
                <pagejump target="Schema" name="Schema">
                    <label>
                        <icon name="sani_floor_heating" />
                    </label>
                </pagejump>
            </group>
            <group name="Diagramme">
                <pagejump target="Diagramme" name="Diagramme">
                    <label>
                        <icon name="time_graph" />
                    </label>
                </pagejump>
            </group>
        </navbar>
        <layout colspan="12" />
        <group name="Temperaturen">     
         <layout colspan="12" />
            <info format="%.1f °C" styling="OrangeGreenJalo">         <layout colspan="2" />
                <label>Aussen</label>
                <address transform="DPT:9.001" variant="">14/0/1</address>
            </info>
            <info format="%.1f °C" styling="OrangeGreenJalo">         <layout colspan="2" />
                <label>RL Soll</label>
                <address transform="DPT:9.001" variant="">14/0/2</address>
            </info>
            <info format="%.1f °C" styling="OrangeGreenJalo">         <layout colspan="2" />
                <label>RL</label>
                <address transform="DPT:9.001" variant="">14/0/3</address>
            </info>
            <info format="%.1f °C" styling="OrangeGreenJalo">         <layout colspan="2" />
                <label>VL</label>
                <address transform="DPT:9.001" variant="">14/0/4</address>
            </info>
            <info format="%.1f °C" styling="OrangeGreenJalo">         <layout colspan="2" />
                <label>WW Soll</label>
                <address transform="DPT:9.001" variant="">14/0/5</address>
            </info>
            <info format="%.1f °C" styling="OrangeGreenJalo">         <layout colspan="2" />
                <label>WW Ist</label>
                <address transform="DPT:9.001" variant="">14/0/6</address>
            </info>
        </group>

        <group name="Status Wärmepumpe">
                <layout colspan="12"/>
                <info mapping="BetriebszustandWP" styling="BetriebszustandWP" >
                    <layout colspan="1.5" />
                    <label></label>
                    <address transform="DPT:16.001" mode="read" variant="">14/0/11</address>
                </info>
                <info>
                    <layout colspan="1.5"/>
                    <label></label>
                    <address transform="DPT:16.001" mode="read" variant="">14/0/11</address>
                </info>
                <info mapping="Heizung" styling="WhiteOrange" >
                    <layout colspan="1.5" />
                    <label></label>
                    <address transform="DPT:1.001" mode="read" variant="">14/0/12</address>
                </info>
                <info>
                    <layout colspan="1.5"/>
                    <label></label>
                    <address transform="DPT:16.001" mode="read" variant="">14/0/13</address>
                </info>
                <info mapping="WW" styling="WhiteOrange">
                    <layout colspan="1.5" />
                    <label></label>
                    <address transform="DPT:1.001" mode="read" variant="">14/0/14</address>
                </info>
                <info>
                    <layout colspan="1.5"/>
                    <label></label>
                    <address transform="DPT:16.001" mode="read" variant="">14/0/15</address>
                </info>
                <info mapping="Kuehlung" styling="WhiteBlue">
                    <layout colspan="1.5" />
                    <label></label>
                    <address transform="DPT:1.001" mode="read" variant="">14/0/18</address>
                </info>
                <info>
                    <layout colspan="1.5"/>
                    <label></label>
                    <address transform="DPT:16.001" mode="read" variant="">14/0/19</address>
                </info>
        </group>
</page>

Hier noch die custom.css des metal-design:

Code:

/*
 * custom local css to overload declarations in each design (basic.css)
 */

body 
{ 
  color: #FFF799;
  font-family: Dosis, Helvetica, Arial, sans-serif;
  font-size: 5.5mm;
  overflow: hidden;
  margin:0;
  color:       #fff   /*{a-body-color}*/;
    text-shadow:   0   /*{a-body-shadow-x}*/   1px   /*{a-body-shadow-y}*/   1px   /*{a-body-shadow-radius}*/   #111   /*{a-body-shadow-color}*/;
    background: #121212 url(backgrounds/smoke_spectrum.png) scroll repeat-x bottom;
}

h3
{
    font-family: Dosis, Helvetica, Arial, sans-serif;
    font-size: 5.5mm;
    overflow: hidden;
    font-weight: bold;
    
}

/*
 * .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; background-color: #FFA500; }
 */

.flavour_sodium .ui-slider .ui-slider-range { 
    background-image: -moz-radial-gradient(left center, ellipse farthest-side, #FFFFFF -5%, #FF8000 100%);
} 
 
.group:not(.widget) { border: none; margin: 0; border-radius: 12px; }
.group:not(.widget) .widget {  background-image: none;}


.orange_bg.actor div {
    background: transparent url(images/dot_orange.png) no-repeat center center;
    color: white !important;
    text-shadow: 0;
}

.widget.right .orange_bg.actor div,
.widget.right .orange.switchPressed div, 
.widget.right .orange.switchUnpressed div {
    background-position: right center;
}

.widget.center .orange_bg.actor div,
.widget.center .orange.switchPressed div, 
.widget.center .orange.switchUnpressed div {
    background-position: center center;
}
.widget.left .orange_bg.actor div,
.widget.left .orange.switchPressed div, 
.widget.left .orange.switchUnpressed div,
.widget .orange_bg.actor div,
.widget .orange.switchPressed div, 
.widget .orange.switchUnpressed div {
    background-position: -30px center;
}

.widget.center:not(.switch):not(.toggle):not(.trigger):not(.diagram_info) > .actor canvas.icon { margin-left: 0; }
.widget.right:not(.switch):not(.toggle):not(.trigger):not(.diagram_info) > .actor canvas.icon { margin-right: 35px; }
.widget.left:not(.switch):not(.toggle):not(.trigger):not(.diagram_info) > .actor canvas.icon,
.widget:not(.switch):not(.toggle):not(.trigger):not(.diagram_info) > .actor canvas.icon { margin-left: 10px; }

.widget .label canvas.icon, .text canvas.icon { vertical-align: middle; margin-top: -0.3em; }
.widget .pagejump canvas.icon { margin-top: -0; }
.widget .actor canvas.icon { margin-bottom: -0.6em; }
.widget .switchPressed canvas.icon, .widget .switchUnpressed canvas.icon { margin-top: -0.4em; margin-bottom: -0.6em;}

.navbar .pagejump .label > canvas { 
    height: 44px !important;
    display: block;
    margin: 0 auto;
}


/*
* laesst als class z.B.ein icon blinken
*/

@-webkit-keyframes blink {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

@keyframes blink {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}


.custom_blink {
  -webkit-animation-name: blink;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s; 
  
  animation-name: blink;  
  animation-iteration-count: infinite;  
  animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  animation-duration: 1s; 
}

Grüße

Jens

**ZeitlerW** · 07.05.2013, 12:22

Navbar in Metal mit SVN 1725

Hallo zusammen,

es gibt hier noch ein Problem mit der Navbar.
Mit Rev. 1725 wurde ja im der basic.css canvas.icon eingefügt.
So wie es aussieht mach aber die design_setup.js damit etwas Probleme:
Hier die Navbar mit Iconhandler recolor:

Im Gegensatz dazu scheint das Pure - Design kein Problem zu haben:

Im Vergleich dazu nochmal das Verhalten mit dem "alten" iconhandler:

Hier auch mal ein Firebug Auszug aus dem HTML - Element neuer iconhandler:

Code:

<div id="navbarTop" class="loading"> <div id="id_0_top_navbar" class="navbar clearfix navbarActive">
  <div class="widget_container ">
   <div class="widget clearfix pagejump active" style="">
    <div class="label">
     <canvas class="icon" width="128" height="128"></canvas>
      Home
    </div>
   <div class="actor switchUnpressed "></div>
  </div>
</div>

Hier im Vergleich dazu alter iconhandler:

Code:

<div id="id_0_top_navbar" class="navbar clearfix navbarActive">
 <div class="widget_container ">
   <div class="widget clearfix pagejump active" style="">
    <div class="label">
      <img class="icon" src="icon/knx-uf-iconset/128x128_white/control_home.png">
      Home
    </div>
   <div class="actor switchUnpressed "></div>
  </div>
</div>

... Sorry, daß ich aufgrund fehlender js bzw css - Kenntnisse nicht wirklich weiterhelfen kann.

p.s. Das Thema mit den "Falschfarben" der Icons wurde ja schon angesprochen.

vG
Wolfgang

Angehängte Dateien

**jensgulow** · 07.05.2013, 13:54

Das mit der Größe der icons habe ich aktuell in der custom.css wie folgt gelöst:

Code:

.navbar .pagejump .label > canvas {      height: 44px !important;     display: block;     margin: 0 auto; }

... müsste wohl noch in die basic.css des metal-design.

Jens

**ZeitlerW** · 07.05.2013, 14:11

Hallo Jens,

funktioniert prima, vielen Dank!

Bleibt nur noch das Falschfarben - Thema!

@Chris
Aus meiner Sicht kann das so in die basic.css von metal

vG
Wolfgang

**MicHau** · 07.05.2013, 21:12

Zitat von ZeitlerW Beitrag anzeigen

@Chris
Aus meiner Sicht kann das so in die basic.css von metal

Bin nicht Chris, habe es aber trotzdem eingefügt

Sollte nun also funktionieren.

**ZeitlerW** · 07.05.2013, 21:28

Hallo Michael,

... ja wenn ich gewußt hätte, daß Du hausl bist

Vielen Dank!

vG
Wolfgang

**Chris M.** · 09.05.2013, 19:07

Zitat von jensgulow Beitrag anzeigen

Na denn hab ich mal im Anhang einige Fragmente:

[...]
Hier Auszug aus config.xml:

Sorry, das ist aber deutlich zu kompliziert um damit den Fehler nachzustellen

Die Mappings und Stylings können von mir aus bleiben, aber bei den Widgets bitte auf die minimal notwendige Anzahl reduzieren. Sonst habe ich keine Chance herauszufinden was das Problem ist!

=> Bitte mit wenigen (2? Mehr als 3 wird's doch sicher nicht brauchen...) Switches o.ä. nachstellen
=> Bitte sagen was passieren sollte und was tatsächlich passiert.

**ZeitlerW** · 11.05.2013, 09:26

Hallo Chris,
nachdem ich ein ähnliches Problem wie jensgulow habe, hier mal eine Democonfig:

Code:

<?xml version="1.0" encoding="UTF-8"?>
<pages enable_column_adjustment="true" design="metal" screensave_time="240" screensave_page="Übersicht" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="./visu_config.xsd">
  <meta>
    <mappings>
      <mapping name="OnOff_Licht">
        <entry value="1">
          <icon name="light_light" color="orange"/>
        </entry>
        <entry value="0">
          <icon name="light_light" color="white"/>
        </entry>
      </mapping>
    </mappings>
    <stylings>
      <styling name="RedGreen">
        <entry value="0">red</entry>
        <entry value="1">green</entry>
      </styling>
    </stylings>
  </meta>
  <page name="Übersicht" showtopnavigation="false" showfooter="false" shownavbar-top="true" shownavbar-left="false">
    <switch mapping="OnOff_Licht" styling="RedGreen">
      <label><icon name="light_light" color="white"/>Licht</label>
      <address transform="DPT:1.001" mode="write">0/0/33</address>
      <address transform="DPT:1.001" mode="read">0/0/53</address>
    </switch>
  </page>
</pages>

Verhalten im Gutfall (alte iconhandler.js):

Switch aus:

Switch ein:

Verhalten im Schlechtfall (neue iconhandler.js)

Switch aus:

Switch ein:

Wie man sieht, ist das Licht - Icon mit dem neuen Iconhandler immer orange.

vG
Wolfgang

Angehängte Dateien

**Chris M.** · 11.05.2013, 12:06

Danke, damit konnte ich das(?, zumindest eines...

) Problem finden.

=> Bitte mal Revision 1728 checken.

(Die Lösung so sollte gut funktionieren, berechnet aber die Farben bei jedem Icon neu. D.h. es nutzt kein Caching wie bei den nicht-dynamischen. Kann Vor- oder Nachteil sein. Rechenzeit hoch, Speicher runter...)

**ZeitlerW** · 11.05.2013, 12:52

Hallo Chris,
funktioniert bei mir. Vielen Dank!

Vielleicht könntest Du noch die cometvisu.appcache hochziehen?

vG
Wolfgang

**Chris M.** · 11.05.2013, 20:09

Done.

(Wobei so was triviales eigentlich jeder hinbekommen sollte...)

**jensgulow** · 11.05.2013, 21:11

Hallo Chris,

war bis gerade verhindert und komme erst jetzt zum antworten. Nach dem auschecken der letzten Version funktioniert das bei mir immer noch nicht so recht.

Version mit "alter" iconhandler.js

Version mit iconhandler.js.recolor

Andere icons, welche sich z.Teil auch in einem switch befinden funktionieren jedoch in beiden Versionen (z.B. die Anwesenheitsschaltung).

...hierzu der Auszug aus der config:

Code:

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<pages xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" design="metal" xsi:noNamespaceSchemaLocation="./visu_config.xsd" enable_column_adjustment="true" scroll_speed="5" bind_click_to_widget="true" default_columns="12">

  <meta>
    <mappings>
      <mapping name="OnOff_Licht">
        <entry value="0"><icon name="light_light" color="white"/></entry>
        <entry value="1"><icon name="light_light_dim_100" color="orange"/></entry>
      </mapping>
      <mapping name="DaWegIcon">
        <entry value="0">    <icon name="user_away" color="white"/>        </entry>
        <entry value="1">    <icon name="user_available" color="orange"/>        </entry>
      </mapping>
      <mapping name="Jetzt">
        <entry value="0">    <icon name="control_on_off" color="orange"/></entry>
      </mapping>
    </mappings>
    
    <stylings>
      <styling name="GreyGrey">
        <entry value="0">grey</entry>
        <entry value="1">grey</entry>
      </styling>
    </stylings>
    
    <statusbar>
      <status type="html"><![CDATA[ <img src="icon/comet_64_ff8000.png" alt="CometVisu" /> by <a href="http://www.cometvisu.org/">CometVisu.org</a> - <a href=".?forceReload=true">Reload</a> ]]></status>
      <status type="html" hrefextend="config"><![CDATA[ - <a href="check_config.php">Check Config</a> ]]></status>
    </statusbar>
  </meta>
  
    <page name="Übersicht" showtopnavigation="false" showfooter="true"
    shownavbar-left="false" visible="false">
    <navbar position="top">
      <pagejump target="Übersicht" name=" ">
        <layout colspan="0.9" />
        <label><icon name="control_home" />Home</label>
      </pagejump>
    </navbar>
    
    <group name="Allgemein">
      <layout colspan="12" />
        <switch mapping="DaWegIcon">
        <layout colspan="6" />
        <label><icon name="user_available" />Jemand Anwesend?</label>
        <address transform="DPT:1.001" variant="">10/3/0</address>
      </switch>
      <trigger value="0" mapping="Jetzt" styling="GreyGrey">
        <layout colspan="6" />
        <label><icon name="control_all_on_off" />Zentral Aus</label>
        <address transform="DPT:1.001" variant="">0/1/1</address>
      </trigger>
    </group>
        <layout colspan="3" />
        <group name="Licht">
          <layout colspan="12" />
          <switch mapping="OnOff_Licht" styling="GreyGrey">
            <layout colspan="3" />
            <label>Fernsehen</label>
            <address transform="DPT:1.001" mode="readwrite" variant="">2/1/30</address>
            <address transform="DPT:1.001" mode="read" variant="">2/1/31</address>
          </switch>
          </group>
        </page>

 </pages>

Es bleibt bei mir also zum jetzigen Zeitpunklt ein Problem: Einige icons werden nicht mehr "gefunden" in der neuen iconhandler-Variante. Der Rest funktioniert tadellos.

Grüße

Jens

PS: Habe gerade noch festgestellt, dass die Farbänderung nur in icons in switches angenommen wird, beim "normalen" icon ändert sich nichts.

Angehängte Dateien

**jensgulow** · 11.05.2013, 21:35

Noch zur Illustration vom vorigen post:

hier aus der config:

Code:

            <mapping name="DaWegIcon">
        <entry value="0">    <icon name="user_away" color="white"/>        </entry>
        <entry value="1">    <icon name="user_available" color="#64e92c"/>        </entry>
      </mapping>
.
.
.
        <switch mapping="DaWegIcon">
        <layout colspan="6" />
        <label>[COLOR=Magenta]<icon name="user_available" color="#64e92c"/>[/COLOR]Jemand Anwesend?</label>
        <address transform="DPT:1.001" variant="">10/3/0</address>
      </switch>

das pink markierte wird ignoriert.

Jens

Angehängte Dateien

snapshot03.jpg (10,0 KB, 299x aufgerufen)

**ZeitlerW** · 12.05.2013, 06:21

Guten Morgen zusammen,

(Wobei so was triviales eigentlich jeder hinbekommen sollte...)

Ist schon klar, nur gegen das Vergessen

Ich kann das recolor Probelm von jens aus Post 119 auch bei mir so bestätigen!

Ankündigung

Integration der "neuen" Icons vom knx-uf-iconset

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar