Widget-icon with text side by side

Apps & Services HABPanel
1

Hi,

I want to create a list of opened windows, with the icon on left. For some reason the code below, doesn’t show the labels.
If I remove the icons, the labels are rendered.

What am I doing wrong?

<div class="row" ng-repeat="item in (itemsInGroup('gWindows') | filter:{state:'open'})">

    <div class="col-xs-12 col-sm-12  col-md-12 col-lg-12 text-left">
      <widget-icon iconset="'eclipse-smarthome-classic'" icon="'window'" state="itemValue(item.name)" size="32"/>
      <span>{{item.label}}</span>
    </div>
	 
</div>

Regards.

2

You just ran into https://github.com/angular/angular.js/issues/1953

self-closing or void elements as the html spec defines them are very special to the browser parser. you can’t make your own, so for your custom elements you have to stick to non-void elements (<foo></foo>).

You must use the following syntax:

<widget-icon iconset="'eclipse-smarthome-classic'" inline="true" icon="'window'" state="itemValue(item.name)" size="32"></<widget-icon>

Note: I have also added the attribute inline="true" of widget-icon which is also what you need in your case! :slight_smile:

3

Thanks. Works perfectly!