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

Using Chart Icons

3 Answers 140 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Christoph
Top achievements
Rank 1
Christoph asked on 18 Nov 2016, 11:10 AM

is it possible to use the different chart icons as it is done in the demos

<span class="sparklineIcon"></span>

<span class="chartBarIcon"></span>

<span class="chartPieIcon"></span>

...

Where can i find the styles?

Thx in advance

3 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 18 Nov 2016, 01:08 PM
Hello,

Actually, we are using the Widgets font in the demos to render the chart icons as shown in the following video: http://screencast.com/t/ZBbBICby2BF.

Here are the classes for the pie chart icon:

.chartPieIcon:after {
    content: '\e827';
}
[class$="Icon"]:after {
    font-family: "widgets";
    speak: none;
    display: inline-block;
    width: 1em;
    margin-right: .2em;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    color: #00B312;
}


Regards,
Rumen
Telerik by Progress
Kendo UI is ready for Visual Studio 2017 RC! Learn more.
0
Christoph
Top achievements
Rank 1
answered on 18 Nov 2016, 03:29 PM

Hi Rumen,

thx alot. Is the widget font icluded in the ui professional licence

Regards

0
Accepted
Rumen
Telerik team
answered on 18 Nov 2016, 04:24 PM
Hi there,

The font is free in GitHub at https://github.com/telerik/kendo-ux/tree/master/component-icons.


Best regards,
Rumen
Telerik by Progress
Kendo UI is ready for Visual Studio 2017 RC! Learn more.
Tags
Charts
Asked by
Christoph
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Christoph
Top achievements
Rank 1
Share this question
or