Incorrect Windows 7 Editor Toolbar Skin

2 posts, 1 answers
  1. KAB
    KAB avatar
    14 posts
    Member since:
    Aug 2010

    Posted 18 Jun 2012 Link to this post

    Appeared in Editor  2012 Q2.
    No background image on toolbar (only gray color) when Toolbar Mode=ShowOnFocus
    Skin: Windows 7
    Test here: http://demos.telerik.com/aspnet-ajax/editor/examples/default/defaultcs.aspx
    Can I fix this myself?
  2. Answer
    Bozhidar
    Admin
    Bozhidar avatar
    693 posts

    Posted 19 Jun 2012 Link to this post

    Hi,

    Thank you for contacting us to report that issue. It is actually a bug and it is related to a wrong CSS cascade after the improvement to provide availability to use more than one Editor on the same page with different skins.

    The wrong (there is one more Windows7 CSS class selector) cascade says:

    .Windows7 .Windows7 .reToolbar li
    {
        background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Windows7.Editor.ToolBarSprites.gif")%>');
        background-position: 0 -26px;
        color: #000;
    }

    The correct one should be:

    .Windows7 .reToolbar li
    {
        background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Windows7.Editor.ToolBarSprites.gif")%>');
        background-position: 0 -26px;
        color: #000;
    }

    The issue will be fixed and available in the next official release - Q2 2012, Service Pack 1, scheduled for the mid July. Fix will be also available in the next internal build.

    You could manually fix it by adding the following CSS in your code:

    .Windows7 .reToolbar li
            {
                background-image: url(ToolBarSprites.gif);
                background-position: 0 -26px;
                color: #000;
            }

    Attached is also ToolBarSprites.gif which is the necessary image sprite. You could also link it form the DLL or to place it temporary wherever you like until the fix is available.

    To link the image from the DLL you should use the following (the url could vary from the folder where your RadEditor is placed):

    <style type="text/css">
                .Windows7 .reToolbar li
                {
                    background-image: url('<%= Page.ClientScript.GetWebResourceUrl(typeof(RadEditor), "Telerik.Web.UI.Skins.Windows7.Editor.ToolBarSprites.gif")%>');
                    background-position: 0 -26px;
                    color: #000;
                }
            </style>


    Thanks once again for the bug report and your help to to make Telerik`s products better. Your Telerik points hes been updated.

    Kind regards,
    Bozhidar
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top