Custom Skins RadWindow Fails to load css

16 posts, 1 answers
  1. Cradz
    Cradz avatar
    65 posts
    Member since:
    Nov 2005

    Posted 15 Sep 2011 Link to this post

    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.
  2. Cradz
    Cradz avatar
    65 posts
    Member since:
    Nov 2005

    Posted 16 Sep 2011 Link to this post

    Upgraded to latest version v.2011.2.915.40 and still same issue.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Tsvetoslav
    Admin
    Tsvetoslav avatar
    1823 posts

    Posted 20 Sep 2011 Link to this post

    Hello Cradz,

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


    All the best, Tsvetoslav
    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
  5. Tsvetoslav
    Admin
    Tsvetoslav avatar
    1823 posts

    Posted 21 Sep 2011 Link to this post

    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
    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
  6. Cradz
    Cradz avatar
    65 posts
    Member since:
    Nov 2005

    Posted 23 Sep 2011 Link to this post

    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.
  7. Cradz
    Cradz avatar
    65 posts
    Member since:
    Nov 2005

    Posted 23 Sep 2011 Link to this post

    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.
  8. Cradz
    Cradz avatar
    65 posts
    Member since:
    Nov 2005

    Posted 23 Sep 2011 Link to this post

    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>


  9. Tsvetoslav
    Admin
    Tsvetoslav avatar
    1823 posts

    Posted 28 Sep 2011 Link to this post

    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
    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
  10. Cradz
    Cradz avatar
    65 posts
    Member since:
    Nov 2005

    Posted 28 Sep 2011 Link to this post

    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.

  11. Tsvetoslav
    Admin
    Tsvetoslav avatar
    1823 posts

    Posted 03 Oct 2011 Link to this post

    Hello Cradz,

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

    Greetings, Tsvetoslav
    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
  12. Tsvetoslav
    Admin
    Tsvetoslav avatar
    1823 posts

    Posted 05 Oct 2011 Link to this post

    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
    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
  13. Cradz
    Cradz avatar
    65 posts
    Member since:
    Nov 2005

    Posted 05 Oct 2011 Link to this post

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

  14. Cradz
    Cradz avatar
    65 posts
    Member since:
    Nov 2005

    Posted 05 Oct 2011 Link to this post

    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.


  15. Answer
    Tsvetoslav
    Admin
    Tsvetoslav avatar
    1823 posts

    Posted 07 Oct 2011 Link to this post

    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
    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
  16. Cradz
    Cradz avatar
    65 posts
    Member since:
    Nov 2005

    Posted 07 Oct 2011 Link to this post

    Hi Tsvetoslav,

    Awesome. Thanks! 
  17. Cradz
    Cradz avatar
    65 posts
    Member since:
    Nov 2005

    Posted 11 Oct 2011 Link to this post

    Confirmed the latest internal build has fixed these issues.

    Thanks!
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017