Thanks for the widget, trying a simple modif here too. I am using this with Ikea lights and it works well but i guess i need some modifs too. Anyways, here you go:
<!-- Defined scenes -->
<div ng-init="strength={
'0': '',
}" />
<div ng-init="sceneMap={
'0': 'Off',
'10': 'Blue',
'40': 'Focus',
'80': 'Relax',
'100': 'Yellow',
}" />
<table class="hue-controller-table">
<tr>
<td ng-if="config.showTitle == true" colspan="2">
<h3 style="color: #ffaa00; line-height: .5em;">{{config.title}}</h3>
</td>
</tr>
<tr>
<td width="20%" class="hue-rounded-border">
<table style="width: 100%;">
<tr>
<td style="padding: 0px; padding-top: 10px; padding-bottom: 10px;">
<div ng-init='onoff={"name": "OnOff", "item": config.light, "hidelabel": true, "hideonoff": true, "iconset": "smarthome-set","icon": "bulb","icon_size": "36" }'>
<widget-switch ng-model="onoff" />
</div>
</td>
</tr>
</table>
</td>
<td colspan="2">
<table width="10%">
<tr>
<td>
<div style="width: 100%;" class="btn-group" uib-dropdown>
<button id="single-button" type="button" class="action-button" uib-dropdown-toggle>
<span id="hue-select" ng-if="strength[itemValue(config.light)]== NULL">On</span>
</button>
<ul class="dropdown-menu" id="hue-controller-dropdown" uib-dropdown-menu role="menu" aria-labelledby="single-button">
<li role="menuitem" ng-repeat="(state, label) in strength">
<div class="slider-div" ng-init='dimmerModel={"name": "dimmer", "item": config.dimmer,
"floor" : 0, "ceil": 100, "step": 1,
"hidelabel" : "true", "hidelimits": "true" }'>
<widget-slider ng-model="dimmerModel" id="dimmer-slider"/>
</li>
</ul>
</div>
</td>
<td colspan="2">
<table width="10%">
<tr>
<td>
<div style="width: 100%;" class="btn-group" uib-dropdown>
<button id="single-button" type="button" class="action-button" uib-dropdown-toggle>
<span id="hue-select">{{sceneMap[itemValue(config.light)]}}</span><span class="caret" id="hue-controller-caret"></span>
<span id="hue-select" ng-if="sceneMap[itemValue(config.light)]== NULL">({{itemValue(config.light)}})</span>
</button>
<ul class="dropdown-menu" id="hue-controller-dropdown" uib-dropdown-menu role="menu" aria-labelledby="single-button">
<li role="menuitem" ng-repeat="(state, label) in sceneMap">
<a ng-click="sendCmd(config.light, state)">{{label}}</a>
</li>
</ul>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>