Custom Skins RadWindow Fails to load css

[Cradz]

Per "Using RadSkinManager for applying custom skins" section of http://www.telerik.com/help/aspnet-ajax/radskinmanager.html

I'm just using RadSkinManager (not using RadStyleSheetManager) and I've added 4 custom skins. They work great except for Radwindows. I have to manually add in the css in my page base class like so:

 

Dim CSSRadWindowFix As New HtmlLink
CSSRadWindowFix.Href = strPath & "RadSkins/" & Skin & "/Window." & Skin & ".css"
CSSRadWindowFix.Attributes.Add("rel", "Stylesheet")
CSSRadWindowFix.Attributes.Add("type", "text/css")
CSSRadWindowFix.Attributes.Add("media", "all")
Page.Header.Controls.Add(CSSRadWindowFix)

so that the RadWindow shows correctly. Without my fix the radwindows do open up with expected content but no borders or icons on the actual radwindow so it's just a CSS problem and I believe it's the RadSkinManager not including the CSS for Window.SKINNAME.css

I have RadMenu, RadGrid, and RadFormDecorators on the same page and all work and show correctly.
Not a big deal for me as I found a way around it (thanks to using a base page class) but I think this is a bug in RadSkinManager.

Here is the RadSkinManager in my page:

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ><Skins><telerik:SkinReference Path="/RadSkins" /></Skins></telerik:RadSkinManager>

My users can select a skin for the site and I set that in the page load

Me.RadSkinManager1.Skin = CurrentUser.Skin

Again, RadGrid, Menu, FormDecorator all work and show correctly.

[Cradz]

Upgraded to latest version v.2011.2.915.40 and still same issue.

[Tsvetoslav]

Hello Cradz,

Our development team is currently looking into this issue. Please, stand by for update.


All the best, Tsvetoslav
the Telerik team

[Tsvetoslav]

Hi Cradz,

We tracked the problem to a mistake in our help documentation, namely the topic on RadSkinManager:
http://www.telerik.com/help/aspnet-ajax/radskinmanager.html

The correct reading for points 4 and 5 in Section: "Using RadSkinManager for applying custom skins" has already been uploaded. In your case of not having a RadStyleSheetManager the urls in your skin css files should start from the control folder name and not from the skins folder one. 

I am sending you a web site with the correct implementation. Excuse us for any headaches this oversight might have caused you. I have also updated your telerik points accordingly.


Regards, Tsvetoslav
the Telerik team

[Cradz]

Thank you for the reply.

Actually this didn't fix the issue.

Sorry, I'm actually using RadWindowManager (I use it to dynamically create windows) and your solution doesn't fix my problem.

However, I think I see what the problem is... if you don't have any windows set beforehand it's not registering the Window.SKINNAME.css but if I put your window inside or outside of the RanWindowManager the css file is registered and my dynamic windows open with their custom skin correctly.

I guess I can just put a blank window inside my RadWindowManager but to me it's still a bug with RadWindowManager and RadSkinManager. If there is a RadWindowManager on the page and there are no windows hardcoded shouldn't it still register the windows css?


Thanks.

[Cradz]

The Ajax.MYCUSTOMSKIN.css file isn't being included either and I have a RadAjaxManager on the page.

If I add the Ajax css file  manually the Loading panel image in my RadGrid shows correctly... seems to me these "managers" were overlooked within RadSkinManager. The base rad controls have their css files loaded correctly if they are on the page. I'm using RadGrid and RadFormDecorator with no problems.

Again, not a path issue. It's RadSkinManager not loading the css files. I'm running Windows7, Visual Studio 2010 and with the IIS version I have it does show errors if a file can't be loaded by IIS. It's not an issue with loading images out of the css file, RadSkinManager is just not including the right css files based on what's on the page.

[Cradz]

Btw.. the following did fix my issue with the RadWindow. The css file does get included if I include a hardcoded window within RadWindowManager:

<telerik:RadWindowManager ID="RadWindowManager1" runat="server"  OnClientClose="ReloadDatagrids" Width="600px" Height="350px" >
    <Windows><telerik:RadWindow runat="server" ID="RadWindow1"></telerik:RadWindow></Windows>
   </telerik:RadWindowManager>

[Tsvetoslav]

Hi Cradz,

RadWindowManager is not a skinnable control and it is only natural for the SkinManager to ignore it is you do not have any windows within it. If

Regards, Tsvetoslav
the Telerik team

[Cradz]

So why if I use standard telerik skins (i.e. not custom skins at all) I don't have to include a blank window for the skin to work correctly?

What about the AJAX issue on RadLoadingPanel with RadGrid?

I can work around these issues but they do seem to be bugs with the RadSkinManager.

[Tsvetoslav]

Hello Cradz,

We will be looking into those issues shortly - please, stand by for further information.

Greetings, Tsvetoslav
the Telerik team

[Tsvetoslav]

Hi Cradz,

I am attaching a modified version of my sample in which I have tried to reproduce first the problem with the WindowManager but to no avail. I have a RadWindowManager on my page with a custom skin set to it. Then I have a RadWindow that is dynamically being added to the window manager - the RadWindow control is loading the custom skin correctly. Please, take a look at it and give us some feedback on how to reproduce the problem.

Looking forward to your feedback.

All the best, Tsvetoslav
the Telerik team

[Cradz]

OK... I'll create a support ticket so I can attach the test version I've created for you to show what's happening.

[Cradz]

Hi Tsvetoslav,

I did run your version but I don't think you understand how I'm dynamically opening windows or using RadSkinManager to set the skin for everything else (I don't want to set the skin on every control as that is the purpose of RadSkinManager isn't it?)

Your code has:

RadWindow window = new RadWindow() {  VisibleOnPageLoad=true, NavigateUrl="http://www.sainthermanpress.com", Width = Unit.Pixel(300), Height = Unit.Pixel(300) };

      RadWindowManager1.Windows.Add(window);

Which really isn't what I'm doing. You are still ineffect hardcoding a radwindow into RadWindowManager (just at the init). Take that code out and create a button that has an "onclick" javascript event to open a RadWindow and I bet you'll see the issue.
 
I open new RadWindows AFTER the page has loaded using Javascript. i.e. I have datagrids that have an edit link for each row and I open up a unique RadWindow from that link (I don't load up my page with RadWindows... they only load on demand for performance).

I've created a support ticket with a couple of simple versions to show you exactly what I'm doing. I created these from scratch so I know this isn't something with my main site code and it's still a problem. I didn't include Radgrids just a button that uses the basic javascript I use to open a new RadWindow. Again, the standard telerik skin version works correctly but using a custom skin does not.

Hopefully you'll see the problem now.

[Tsvetoslav]

Hello Cradz,

I did manage to reproduce the problem and the issues are being addressed by our development team. Please, leave the discussion to the formal support ticket and close the current forum thread. Thanks for that.

Greetings,
Tsvetoslav
the Telerik team

[Cradz]

Hi Tsvetoslav,

Awesome. Thanks! 

[Cradz]

Confirmed the latest internal build has fixed these issues.

Thanks!