KnxWeb2_Status_blind

in the old version of knxweb we have a widget for the feedback of blinds and light dimmer with different values
the same or different images according to the value of the state feedback
in new version of knxweb2 we can do it with sup-page
a button for each state condition with respect to the value that displays the image or not

the xml in design/subpages.xml :

<subpage name="volet" width="32" height="32">

 <parameters>
   <parameter id="status_poucent" label="status_poucent" type="object"/>
 </parameters>
 <controls>
   <control type="button" picture="Black/var/blinds/0.png" picture-active="" text="" size="12" color="#000000" align="default" text-padding="0" feedback-object="" feedback-compare="eq" feedback-value="" inactive-goto="" inactive-action="" active-goto="" active-action="" x="0" y="0" width="32" height="32" undefined="0"/>
   <control type="button" picture="" picture-active="Black/var/blinds/1.png" text="" size="12" color="#000000" align="default" text-padding="0" feedback-object="_status_poucent" feedback-compare="gt" feedback-value="0" inactive-goto="" inactive-action="" active-goto="" active-action="" x="0" y="0" width="32" height="32" undefined="0"/>
   <control type="button" picture="" picture-active="Black/var/blinds/2.png" text="" size="12" color="#000000" align="default" text-padding="0" feedback-object="_status_poucent" feedback-compare="gt" feedback-value="10" inactive-goto="" inactive-action="" active-goto="" active-action="" x="0" y="0" width="32" height="32" undefined="32"/>
   <control type="button" picture="" picture-active="Black/var/blinds/3.png" text="" size="12" color="#000000" align="default" text-padding="0" feedback-object="_status_poucent" feedback-compare="gt" feedback-value="20" inactive-goto="" inactive-action="" active-goto="" active-action="" x="0" y="0" width="32" height="32" undefined="32"/>
   <control type="button" picture="" picture-active="Black/var/blinds/4.png" text="" size="12" color="#000000" align="default" text-padding="0" feedback-object="_status_poucent" feedback-compare="gt" feedback-value="30" inactive-goto="" inactive-action="" active-goto="" active-action="" x="0" y="0" width="32" height="32" undefined="0"/>
   <control type="button" picture="" picture-active="Black/var/blinds/5.png" text="" size="12" color="#000000" align="default" text-padding="0" feedback-object="_status_poucent" feedback-compare="gt" feedback-value="40" inactive-goto="" inactive-action="" active-goto="" active-action="" x="0" y="0" width="32" height="32" undefined="32"/>
   <control type="button" picture="" picture-active="Black/var/blinds/6.png" text="" size="12" color="#000000" align="default" text-padding="0" feedback-object="_status_poucent" feedback-compare="gt" feedback-value="50" inactive-goto="" inactive-action="" active-goto="" active-action="" x="0" y="0" width="32" height="32" undefined="32"/>
   <control type="button" picture="" picture-active="Black/var/blinds/7.png" text="" size="12" color="#000000" align="default" text-padding="0" feedback-object="_status_poucent" feedback-compare="gt" feedback-value="60" inactive-goto="" inactive-action="" active-goto="" active-action="" x="0" y="0" width="32" height="32" undefined="32"/>
   <control type="button" picture="" picture-active="Black/var/blinds/8.png" text="" size="12" color="#000000" align="default" text-padding="0" feedback-object="_status_poucent" feedback-compare="gt" feedback-value="70" inactive-goto="" inactive-action="" active-goto="" active-action="" x="0" y="0" width="32" height="32" undefined="0"/>
   <control type="button" picture="" picture-active="Black/var/blinds/9.png" text="" size="12" color="#000000" align="default" text-padding="0" feedback-object="_status_poucent" feedback-compare="gt" feedback-value="80" inactive-goto="" inactive-action="" active-goto="" active-action="" x="0" y="0" width="32" height="32" undefined="0"/>
   <control type="button" picture="" picture-active="Black/var/blinds/10.png" text="" size="12" color="#000000" align="default" text-padding="0" feedback-object="_status_poucent" feedback-compare="gt" feedback-value="90" inactive-goto="" inactive-action="" active-goto="" active-action="" x="0" y="0" width="32" height="32" undefined="0"/>
 </controls>

</subpage>