How do I create an imagebutton with a telerik icon?

[Javier]

I'm using a radgrid right now, and I want to include some specific functionality.  I want to use the skin icons as for my custom imagebuttons.

How would I get the webresource url to use as the image url for any of the icons listed in the link below?

http://www.telerik.com/help/aspnet-ajax/grid-appearance-skins.html


I came across this thread

http://www.telerik.com/community/forums/aspnet-ajax/grid/how-to-use-the-telerik-icons-in-html.aspx

but the technique listed here doesn't work for me.  I'm just getting a broken image link.

Thanks,
Javier

[Tsvetina]

Hi Javier,

With an image button, the image url can be set in Page_PreRender in this scenario in order to work:

protected override void OnPreRender(EventArgs e)
{
    base.OnPreRender(e);
    ImageButton1.ImageUrl=ClientScript.GetWebResourceUrl(typeof(RadGrid), "Telerik.Web.UI.Skins.Telerik.Grid.Edit.gif");
}

Kind regards,
Tsvetina
the Telerik team

[Javier]

Thank you very much, that worked perfectly.  I'm also trying to add the progress gif from the RadAjaxLoadingPanel to another area.  Do you know what that gif name would be?  Is there a resource where I can find all the gif's available to us?

Thanks,
Javier

[Tsvetina]

Hello Javier,

You could try with:

ClientScript.GetWebResourceUrl(typeof(RadAjaxLoadingPanel), "Telerik.Web.UI.Skins.WebBlue.Ajax.WebBlue.gif");

Generally, you could follow the structure of the Skin folder inside your RadControls installation directory. The folders and names will correspond to the path that you need to use.

Regards,
Tsvetina
the Telerik team