Button Icon Skin

4 posts, 0 answers
  1. Jon
    Jon avatar
    35 posts
    Member since:
    Sep 2013

    Posted 20 Feb 2014 Link to this post

    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.
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 20 Feb 2014 in reply to Jon Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jon
    Jon avatar
    35 posts
    Member since:
    Sep 2013

    Posted 21 Feb 2014 Link to this post

    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.
  5. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 30 Jul 2014 in reply to Jon Link to this post

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