Incorrect Windows 7 Editor Toolbar Skin

[KAB]

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?

[Bozhidar]

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