Icons problem

[Mariyana]

Hello,

 I'm trying to build small application with kendo mobile. I have list and want to put icon for every item but if this list is in template icons don't show

 <div data-role="view" data-title="" id="side-root">
   <ul data-role="listview" data-style="inset" data-source="splitViewCategories" data-template="categoriesTemplate">
   </ul>
 </div>
 <script id="categoriesTemplate" type="text/x-kendo-template">
   <a data-icon="about" href=">Category</a>
 </script>
If I use ready list like this

<ul data-role="listview" data-style="inset">
 <li data-icon="about"><a>about</a></li>
 <li data-icon="action"><a>action</a></li>
 <li data-icon="add"><a>add</a></li>                    
</ul>
I can see icons

Thanks,
Mariyana

[Alexander Valchev]

Hello Mariyana,

Thank you for getting in touch with us.
This is a bug in the current implementation which we will try to fix as soon as possible. As a temporary workaround I can suggest you to hard-code the spans with icon classes. As an example:

<script id="categoriesTemplate" type="text/x-kendo-template">
  <a><span class="km-icon km-about"></span>Category</a>
</script>

The span element should be nested inside the <a> tag and should have a classes .km-icon .km-<icon name>

As a small sign of our appreciation for the discovery I updated your Telerik points.

Kind regards,
Alexander Valchev
the Telerik team