[Solved] Default Skin produces garbled RadWindow title bar graphics

[Mark DeMichele]

Hi there,

When opening RadWindows with or without content, I obtain a garbled display around the title bar area:

http://intellipro.angbox.net/testing/radwindow-garbled.jpg

As it mentions in the installation documentation that the skin files are now built-in as resources in the UI DLL, I'm not sure what the problem could be.

The Telerik tags I am using in my aspx page are as follows:

 <asp:ScriptManager ID="ScriptManager1" runat="server" />

    <telerik:RadWindowManager id="Singleton" runat="server" OnClientShow="OnClientShow" Skin="Default">
        <windows>
            <telerik:RadWindow ID="AssetEditPopupWindow" runat="server" Height="300" Width="300"
                DestroyOnclose="true"   
                Modal="true"
             VisibleStatusbar="false"
             VisibleTitlebar = "true"
             NavigateUrl="Default.html"   
             Title = "Asset Edit"        
                />
        </windows>
    </telerik:RadWindowManager>
The code to open the window is as follows:

        function AssetEdit(assetId)

        {

            var oWnd = $find( '<%= AssetEditPopupWindow.ClientID %>' );

            oWnd.setUrl('AssetEdit.aspx?AssetId=' + assetId);

            oWnd.show();  

        }    

        

What could be wrong? Is there some sort of configuration setting I'm missing?

Thanks.

[Mark DeMichele]

It is also worthy to note that the content of the RadWindow displays just fine. It's only the title bar that appears garbled. The close box, pin, maximize, etc. buttons also work fine (though are out of place).

I was testing under Windows Vista using IE7.

[Georgi Tunev]

Hello Mark,

The code that you posted looks fine and I tried to reproduce the problem with it but to no avail. At this point it seems that some global style is interfering with RadWindow but without having a better look over your exact setup, I cannot say for sure.

Can you please open a support ticket and send us a small sample project where this behavior can be observed? We will check it and do our best to help right away.




Sincerely yours,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Dave]

Just out of curiosity, do you happen to have an UpdatePanel surrounding your RadWindow?  I was having a problem similar to yours a few days ago.

[Georgi Tunev]

Hello Mark, Dave,

Dave, I've just answered to your forum post and for convenience I am pasting my reply below - I believe you are right about Mark's setup.

If you are using MS AJAX to open the RadWindow the reason for the problem comes from the fact that the RadWindow is loaded with a MS AJAX call. When you initially show the RadWindow on Page_Load, the control can get its skin from the server. When you open the RadWindow with Ajax however, there is no postback to the server, so the RadWindow cannot get its skin properly. We have taken care of this case in RadAjax, but with MS AJAX you will need to manually insert the needed CSS files.
e.g. there are 2 solutions to the problem:

1. Use "telerik:RadAjaxPanel" to wrap the content instead of the asp:updatepanel control
2. Manually insert the CSS files for the corresponding skin in your page (the skins can be found in the RadControls Prometheus distribution, in the Skins folder and should be copied in your application)

   <link href="../Skins/Window.css" rel="stylesheet" type="text/css" />
   <link href="../Skins/Default/Window.Default.css" rel="stylesheet" type="text/css" />

I hope this helps.


Kind regards,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Mark DeMichele]

Thanks for the info. Actually, that was not my problem.  I narrowed it down to a css issue in my site's CSS file.  Part of my CSS contains a bunch of default tag settings to, in theory, make different browsers act the same way.  One of the settings was

li, dd, blockquote { margin-left: 40px; }

The li, was messing up your stuff.  When I took out the li portion, the RadWindow displayed fine.  You might want to consider putting

li {margin-left: 0px} in your default skin since it depends on it.

[Georgi Tunev]

Hi Mark,

Thank you for the feedback - I will forward it to our UX team for consideration.

Your points were updated.



Best wishes,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Michael Brockhaus]

Thank you I had the same problem!