RadRotator not rendering correctly

4 posts, 0 answers
  1. Doug
    Doug avatar
    23 posts
    Member since:
    Feb 2009

    Posted 07 Jan 2010 Link to this post

    I have a RadRotator in a user control that is being loaded dynamically via Ajax postback.  There is a lot more levels of complexity but I don't believe that they are relevent.  For instance the rotator is in a dock within a dockzone within a splitter inside of another splitter All of this within a master/content page.

    My first problem is that on Ajax postback I get a javascript error: htmlfile: Could not set the rel property. Invalid property value. in a piece of code that is apparently moving <Link> tags into the <head> element.
    The code is:

    i.rel="stylesheet" 
    i.rel already contains the string "stylesheet"

    The links are the RadRotator CSS class files.

    The second problem and most notible is that the rotator items are aligned vertically although the rotator rotates horizontally.  You can only see the first item.  It seems that the CSS styles are not being applied.  My work around is to place the CSS definitions statically in the apsx page.

    If I click refresh which loads the entire page inline the javascript error does not occur and the rotator displays correctly.

    The classes that I add statically to the ASPX page are:
            .rrClipRegion  .rrItemsList   
            {  
                float: left;  
                padding: 0;  
                margin: 0;  
                list-style: none !important;            
            }  
     
            .rrClipRegion  .rrItemsList li   
            {   
                float: left;  
            }  
     
            /* For vertical carousel, not set, width defaults to auto */  
            /* Note if you explicitly set width to auto, this might cause */  
            /* problems with Safari */  
     
            .RadRotator ul.rrVerticalList   
            {  
                padding: 0;  
                margin: 0;  
                list-style: none !important;  
            }  
     
            .RadRotator .rrVerticalList li  
            {   
                float: none;  
                margin-bottom: 0px;  
                /* Force the LI to respect the HEIGHT specified */  
                overflow: hidden;  
                display: block;  
            }  
     

    This is a sufficient fix except that I still get the Ajax javascript error that I would like to get rid of.

    Thanks in advance,
    Doug
  2. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 12 Jan 2010 Link to this post

    Hi Doug,

    The provided information is not enough for me to determine the exact reason for the error and I need to examine your exact setup. Could you please open a new support ticket and send me a runnable project that reproduces the problem? I will check it and do my best to provide a working solution as soon as possible.


    Best wishes,
    Fiko
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Dan
    Dan avatar
    35 posts
    Member since:
    Oct 2008

    Posted 15 Apr 2010 Link to this post

    I'm having the same issue with the rotator inside of a User Control.  Was a solution ever found for this problem?

    Thanks in advance,

    Lars Solberg
  5. Doug
    Doug avatar
    23 posts
    Member since:
    Feb 2009

    Posted 15 Apr 2010 Link to this post

    Lars,

    I dislike having to tell you this, but I converted to using the XMLHttpPanel for loading the controls and I did not get the errors in that configuration.  After your post I tried loading the controls inline again and I am still not getting the errors.  Unfortunately there has been over 3 months worth of work done on the project and I have no idea what was done to make the errors go away. I wish you luck and good fortune.

    Sorry I couldn't be of more assistance,
    Doug
Back to Top