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

Incorrect Windows 7 Editor Toolbar Skin

1 Answer 49 Views
Editor
This is a migrated thread and some comments may be shown as answers.
KAB
Top achievements
Rank 1
KAB asked on 18 Jun 2012, 04:02 PM
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?

1 Answer, 1 is accepted

Sort by
0
Accepted
Bozhidar
Telerik team
answered on 19 Jun 2012, 03:20 PM
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.
Tags
Editor
Asked by
KAB
Top achievements
Rank 1
Answers by
Bozhidar
Telerik team
Share this question
or