Without any explanation forexample like here:
<button class="btn" style="width: 100%; height: 100%; padding: 0; background: inherit; outline: none"
onclick="if (document.getElementsByClassName('light-show').length == 0) {var element = document.getElementById('light'); document.getElementsByClassName('gridster-loaded')[0].appendChild(element); element.className = 'light-show ng-hide'}"
ng-click="itemValue('All_Lights')=='ON' ? showlight = true : showlight = false;">
<span>
<widget-icon iconset="'smarthome-set'" icon="'bulb'" size="32" state="itemValue('All_Lights')" />
</span>
<span style="color: {{itemValue('All_Lights')=='ON' ? 'white' : '#7B879C'}}">
Light
</span>
</button>
<!-- Dark background of the modal window -->
<div id="light"
ng-show="showlight == true && itemValue('All_Lights') == 'ON'"
ng-click="showlight=false"
style="display: block;
z-index: 1000;
width: 100%;
height: 100%;
position: fixed;
top: 0%;
left: 0%;
background: rgba(0,0,0,0.5);">
<div style="display: table;
margin: auto;
padding: 20px 20px 20px 20px;
background: #fff;
width: 95%;
border: 0;
position: relative;
top: 50%;
transform: translateY(-50%);"
ng-click="$event.stopPropagation()">
<div class="row">
<div class="col-xs-12">
<h2 style="text-align: center; color: #363636">light</h2>
</div>
</div>
<div ng-if="itemValue('Cab_All_Lights') == 'ON'" class="row" style="margin-bottom: 1em">
<div class="col-xs-2 text-right">
</div>
<div ng-click="showlight=false" class="col-xs-4 text-left">
<a ng-href="/habpanel/index.html#/view/cab"
style="color: #363636">
cabinet
</a>
</div>
<div class="col-xs-4 text-right"
ng-click="sendCmd('Cab_All_Lights', 'OFF')">
OFF
</div>
<div class="col-xs-2 text-right">
</div>
</div>
<div ng-if="itemValue('Bed_All_Lights') == 'ON'" class="row" style="margin-bottom: 1em">
<div class="col-xs-2 text-right">
</div>
<div ng-click="showlight=false" class="col-xs-4 text-left">
<a ng-href="/habpanel/index.html#/view/bed"
style="color: #363636">
bedroom
</a>
</div>
<div class="col-xs-4 text-right"
ng-click="sendCmd('Bed_All_Lights', 'OFF')">
OFF
</div>
<div class="col-xs-2 text-right">
</div>
</div>
<div ng-if="itemValue('Liv_All_Lights') == 'ON'" class="row" style="margin-bottom: 1em">
<div class="col-xs-2 text-right">
</div>
<div ng-click="showlight=false" class="col-xs-4 text-left">
<a ng-href="/habpanel/index.html#/view/liv"
style="color: #363636">
livingroom
</a>
</div>
<div class="col-xs-4 text-right"
ng-click="sendCmd('Liv_All_Lights', 'OFF')">
OFF
</div>
<div class="col-xs-2 text-right">
</div>
</div>
<div ng-if="itemValue('Ent_All_Lights') == 'ON'" class="row" style="margin-bottom: 1em">
<div class="col-xs-2 text-right">
</div>
<div ng-click="showlight=false" class="col-xs-4 text-left">
<a ng-href="/habpanel/index.html#/view/ent"
style="color: #363636">
entrance
</a>
</div>
<div class="col-xs-4 text-right"
ng-click="sendCmd('Ent_All_Lights', 'OFF')">
OFF
</div>
<div class="col-xs-2 text-right">
</div>
</div>
<div ng-if="itemValue('San_All_Lights') == 'ON'" class="row" style="margin-bottom: 1em">
<div class="col-xs-2 text-right">
</div>
<div ng-click="showlight=false" class="col-xs-4 text-left">
<a ng-href="/habpanel/index.html#/view/san"
style="color: #363636">
bathroom
</a>
</div>
<div class="col-xs-4 text-right"
ng-click="sendCmd('San_All_Lights', 'OFF')">
OFF
</div>
<div class="col-xs-2 text-right">
</div>
</div>
<div class="row">
<div class="col-xs-12 text-center"
ng-click="sendCmd('All_Lights', 'OFF'); showlight = false">
<h4 style="text-align: center; color: #363636">All light OFF</h4>
</div>
</div>
</div>
</div>