This is a migrated thread and some comments may be shown as answers.
Set Radbutton Image with TelerikWebUI glyphs Icon
1 Answer 116 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Ali asked on 25 Dec 2017, 10:07 PM

Dear Team,

How do I set the image of button control to TelerikWebui Glyphs Icons or if possible a link to download the TeleriWebUI Icons.

I Try the below code and it works fine but is there a better way to set only the button image to the glyphs icon


sub new

     Dim font1 = ThemeResolutionService.GetCustomFont("TelerikWebUI")
      btnSave.ButtonElement.CustomFont = font1.Name
     btnSave.ButtonElement.Text = ChrW(&HE109).ToString() & " Save"

end sub

1 Answer, 1 is accepted

Sort by
Dess | Tech Support Engineer, Sr.
Telerik team
answered on 26 Dec 2017, 07:10 AM
Hello, Ali, 

Thank you for writing.  

The glyphs are basically text shapes, so they need to be hosted in a control with text contents. That is why in order to apply a glyph shape it is necessary to specify the Text property of RadButton
var font1 = ThemeResolutionService.GetCustomFont("TelerikWebUI");
this.radButton1.ButtonElement.CustomFont = font1.Name;
this.radButton1.Text = "\ue109";

The following article lists all available glyphs from the TelerikWebUI font along with their names, number and string values:

In order to export a certain glyph as an image, you can apply it to a control like RadLabel and use the DrawToBitmap method. Then, the created bitmap can be saved locally and used at a later moment.

I hope this information helps. Should you have further questions I would be glad to help.
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Asked by
Top achievements
Rank 1
Answers by
Dess | Tech Support Engineer, Sr.
Telerik team
Share this question