Set Radbutton Image with TelerikWebUI glyphs Icon

2 posts, 0 answers
  1. Ali
    Ali avatar
    17 posts
    Member since:
    Aug 2013

    Posted 25 Dec 2017 Link to this post

    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

  2. Dess | Tech Support Engineer, Sr.
    Dess | Tech Support Engineer, Sr.  avatar
    4086 posts

    Posted 26 Dec 2017 Link to this post

    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.
Back to Top