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" |
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