This is a migrated thread and some comments may be shown as answers.

Missing Print(er) Icon in Web Font Icons

4 Answers 164 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Steve
Top achievements
Rank 1
Steve asked on 17 Feb 2017, 10:45 AM

We recently updated to 2017 R1 of Kendo UI, which included the new Web Font Icons. We noticed that the printer icon is now shown correctly in any browsers. See screenshots below. 

Any advice or does Kendo UI need an update?

<button type="button" class="k-button actionButtonRight" data-bind="events:{click:onPrintClick}">
    <span class="k-i-print"></span>
    <span data-l10n-id="udv005"></span>
</button>

4 Answers, 1 is accepted

Sort by
0
Steve
Top achievements
Rank 1
answered on 17 Feb 2017, 10:49 AM

Also reproducible in the dojo:

http://dojo.telerik.com/ecAqA

0
Steve
Top achievements
Rank 1
answered on 17 Feb 2017, 10:50 AM
Also reproducible in the Dojo: http://dojo.telerik.com/ecAqA
0
Ianko
Telerik team
answered on 21 Feb 2017, 09:06 AM

Hello Steve,

With the update to R1 2017, in order to use the Web Font Icons shipped, you need to also include the k-icon class to the classes of the DOM element. 

Like so:

 

<span class="k-icon k-i-print"></span>

http://dojo.telerik.com/ecAqA/2 

 

Regards,
Ianko
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Steve
Top achievements
Rank 1
answered on 21 Feb 2017, 12:06 PM

Oh wow.. now I feel pretty dumb. Because in the last version we used (I think it was 2015 Q3) the icon really was not working, so a colleague of mine did a custom implementation with an image. So everywhere else it was "k-icon k-i-.." but not here. And I didn't see it when changing it back to k-i-printer.

Sorry for bothering you with something so silly but thanks anyway!

Tags
General Discussions
Asked by
Steve
Top achievements
Rank 1
Answers by
Steve
Top achievements
Rank 1
Ianko
Telerik team
Share this question
or