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

RadRotator not rendering correctly

3 Answers 137 Views
Rotator
This is a migrated thread and some comments may be shown as answers.
Doug
Top achievements
Rank 1
Doug asked on 07 Jan 2010, 06:53 PM

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

3 Answers, 1 is accepted

Sort by
0
Fiko
Telerik team
answered on 12 Jan 2010, 10:47 AM
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.
0
Dan
Top achievements
Rank 1
answered on 15 Apr 2010, 04:40 PM
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
0
Doug
Top achievements
Rank 1
answered on 15 Apr 2010, 04:57 PM
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
Tags
Rotator
Asked by
Doug
Top achievements
Rank 1
Answers by
Fiko
Telerik team
Dan
Top achievements
Rank 1
Doug
Top achievements
Rank 1
Share this question
or