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

Set Radbutton Image with TelerikWebUI glyphs Icon

1 Answer 884 Views
Buttons, RadioButton, CheckBox, etc
This is a migrated thread and some comments may be shown as answers.
Ali
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
0
Dess | Tech Support Engineer, Principal
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: https://docs.telerik.com/devtools/wpf/styling-and-appearance/glyphs/common-styles-appearance-glyphs-reference-sheet

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.
 
Regards,
Dess
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.
Tags
Buttons, RadioButton, CheckBox, etc
Asked by
Ali
Top achievements
Rank 1
Answers by
Dess | Tech Support Engineer, Principal
Telerik team
Share this question
or