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

Button Icon Skin

3 Answers 117 Views
Button
This is a migrated thread and some comments may be shown as answers.
Gaurab
Top achievements
Rank 1
Gaurab asked on 21 Feb 2014, 12:04 AM
I have the skin for my project set in the web.config like so:
<add key="Telerik.Skin" value="Metro" />

Everything's good, but the embedded icon on my RadButton is not using the Metro icon.  Here's the markup for the button:
<telerik:RadButton ID="rbCreateNew" runat="server"
    Text="Create New">
    <Icon PrimaryIconCssClass="rbAdd" />
</telerik:RadButton>

In the attached image, the "Create New" button is my button, and the "Add" button is from the RadButton embedded icons demo page.

I want my "Create New" button plus sign to look like the "Add" plus sign (black instead of green).  I tried setting the Skin directly in the RadButton control attributes, but it didn't change anything.  What am I missing here?

I am using 2013.3.1114.45.

3 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 21 Feb 2014, 03:44 AM
Hi Jon,

As a work around you can try the following code snippet to achieve your scenario and please take a look into this forum thread which discuss about the same issue.

ASPX:
<telerik:RadButton ID="RadButton2" runat="server" Text="Create New">
    <Icon PrimaryIconUrl="../Images/BlackPlus.png"/>
</telerik:RadButton>

Thanks,
Shinu.
0
Gaurab
Top achievements
Rank 1
answered on 21 Feb 2014, 05:22 PM
Hello Shinu,

Thank you for your response and for providing a black plus for me to use.  I had read the other thread but they mentioned they lost color icons, but I had a color icon and wanted the black.

Also, it was confusing because in the response they wrote, "The latest internal build contains only temporary icons for all skins that are relevant to the Silk and Glow skins."  Since I'm using Metro, I didn't think it applied to me.

This morning I upgraded from 2013.3.1114.45 to 2013.3.1324.45 and everything is working as expected now.

One note:  I used the upgrade wizard from the Telerik menu in VS2013.  The first time I ran the upgrade, it reported that it successfully upgraded both Telerik.Web.UI.dll and Telerik.Web.UI.Skins.dll.  But when I ran the project, I got an error that said it couldn't find a skin named "Metro".  I looked at the Telerik.Web.UI.Skins.dll and it was actually still 2013.3.1114.45 but the Telerik.Web.UI.dll was 2013.3.1324.45.

I ran the upgrade wizard again and the second time it actually upgraded the Skins.dll too, and all is well now.
0
Shinu
Top achievements
Rank 2
answered on 30 Jul 2014, 09:57 AM
Hi Jon,

Since Service Pack 2, Q3, 2013 Telerik RadButton has three set of icons including the colorized one. Now each built-in skin uses the icon set which is proper for its color scheme.

Also you may find this website useful where you can enter the desired color (in Hex) and dimension (in px) and can download the image in a wide variety of formats and add it as the RadButtons PrimaryIconUrl.

Thanks,
Shinu.
Tags
Button
Asked by
Gaurab
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Gaurab
Top achievements
Rank 1
Share this question
or