HABpanel and ng-model

Apps & Services HABPanel
1

Hello,

i have Habpanel ang make floorplan and i dont know how to change size of switch, for example:
this is switch 60x60px

<div ng-init='model2={"name": "Living room", "item": "Slave1", "hidelabel": true, "hideonoff": true, "iconset": "eclipse-smarthome-classic", "icon": "light" }'>
    <widget-switch
        style="position: absolute;
               background: rgba(0,0,0,0.5);
               border-radius: 20px;
               top: 510px; left: 570px;
               width: 60px; height: 60px"
        ng-model="model2" />
  </div>

i wont to change it to dummy with tempetarure reading with size 30x60px:

<div ng-init='model3={"name": "", "item": "Temp_Biuro", "format": "%.1f", "unit": "°C"}'>
    <widget-dummy
        style="position: absolute;
               background: rgba(0,0,0,0.5);
               border-radius: 20px;
               top: 320px; left: 550px;
               width: 60px; height: 30px"
         ng-model="model3"/>
  </div>

and almoste everything is ok, temperature value is under the frame, could somebady help me ?

2

You don’t really a widget-dummy for this - just use itemValue and sprintf:

    <div
        style="position: absolute;
               background: rgba(0,0,0,0.5);
               border-radius: 20px;
               top: 320px; left: 550px;
               width: 60px; height: 20px">
	{{'%.1f °C' | sprintf: itemValue('Temp_Biuro')}}
    </div>

Other sprintf examples: https://github.com/alexei/sprintf.js/blob/master/demo/angular.html

3

Thx very much.
You know what symbol have orginal font color ?

4

can you point me to some ressources how to customize the habpanel widgets ? where do i have to store the style you discussed here ?