<!DOCTYPE svg PUBLIC "-//SIEMENS//DTD SVG 1.0 TIA-HMI//EN" 
"http://tia.siemens.com/graphics/svg/1.8/dtd/svg18-hmi.dtd"> 
 
<svg xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink" 
     xmlns:hmi-bind--xlink="http://svg.siemens.com/hmi/bind/xlink/" 
     xmlns:hmi="http://svg.siemens.com/hmi/" 
     xmlns:hmi-bind="http://svg.siemens.com/hmi/bind/" 
     xmlns:hmi-element="http://svg.siemens.com/hmi/element/" 
     xmlns:hmi-feature="http://svg.siemens.com/hmi/feature/" 
     xmlns:hmi-event="http://svg.siemens.com/hmi/event/"
     viewBox="0 0 124 32" 
     preserveAspectRatio="none"> 

<hmi:self type="widget" displayName="cloudcolor" 
name="extended.cloudcolor" version="1.0.1" > 
 <hmi:paramDef name="BackColor1" type="HmiColor" 
 default="0xFF2D2D47" /> 
 <hmi:paramDef name="BorderColor1" type="HmiColor" 
 default="0xFF77778C" /> 
 </hmi:self> 

<rect id="popwindow" x="0.5" y="0.5" width="123" height="31" rx="3.5" ry="3.5" hmi-bind:fill="{{Converter.RGBA(ParamProps.BackColor1)}}" 
hmi-bind:stroke="{{Converter.RGBA(ParamProps.BorderColor1)}}"/>
</svg>
