Habpanel button transparent

Apps & Services HABPanel
1

Hi

I’m creating a custom widget for changing the state of my home. When I used Homeseer I created a lot of images I want to use for all my buttons in Openhab as well. The problem is that the background of the image become white-ish. The image is png with transparent background. I would like it to look like the built-in images. Now it looks like:

My code for my widget is:

{{itemValue(‘HusStatus’)}}

<div ng-if="itemValue('HusStatus')=='hjemme'">
  <button class="btn btn-lg" ng-click="sendCmd('HusStatus', 'borte')">
<img ng-src="/static/Knapper/AtHome_XXL.png"/>
	</button>
</div>

<div ng-if="itemValue('HusStatus')=='borte'">
  <button class="btn btn-lg"ng-click="sendCmd('HusStatus', 'hjemme')"> 
<img ng-src="/static/Knapper/Away_XXL.png"/>
  </button>
</div>

Anyone got any good suggestions to get the image to look transparent?

//Morten

2

I figured it out myself :slight_smile: If someone want to do the same

Just add a css to the button and set the following:

.btn-transparent {
background-color: transparent;
border-color: transparent;
}