IE browser issue for radrotator control

[Pawan]

Hello 

I do have used the telerik radrotator control for showing news with animationtype=fade and rotatortype=slideshow which work fine in all browsers except IE 8 which is not showing anything not even content. Can anyone help me how to resolve this issue for IE 8 browser.

Below is my code example

<div class="newsmaindiv">
    <telerik:radrotator id="radrotator1" width="340px" height="37px" RotatorType="SlideShow"
        AnimationType="Fade" FrameDuration="2000" runat="server" itemheight="37px" itemwidth="340px"
        SlideShowAnimation-Duration="2000" style="Visibility:visible\9;">
        <Itemtemplate>
                <div style="height:37px;width:340px;">           
                   <span>                 
                    <a style="font-weight:normal;font-size:12px;font-family:Helvetica; color:#ffffff; text-decoration:none;" href='/news/listnews.aspx?idnews=<%# Eval("news_id") %>'><%# Eval("news_headline") %></a>                   
                    </span>                
                </div>              
            </Itemtemplate>
    </telerik:radrotator>
</div>

[Slav]

Hello Pawan,

I tried to reproduce the described problem, but to no avail. You can find attached my test project as well as a screen capture, demonstrating the behavior of the RadRotator control on my end. Please check if there are differences in the setup, compared with your actual project, and if I have missed something.

You can check if there is a custom CSS styles on your page that are modifying the default skin of the RadRotator control and are causing the examined behavior. Another possibility is that the data used for binding the rotator control contains incorrectly formatted HTML and breaks the RadRotator when populated as older browsers do not handle invalid HTML well. This validator is quite useful for inspecting the markup of your page for errors.

If you are still having difficulties, please provide reliable steps for reproducing the problem in the attached sample, so that I can examine it on my end. A live URL to the problematic page could also be useful for determining the cause of the issue.

Greetings,
Slav
the Telerik team

[Pawan]

Hello,

Thanks for replying to my question. I was trying to resolve the following issue but it couldn't. As per our forum discussion I am sending you the link and screenshot. Please check the attached image file where the highlighted part is having problem in IE 8 browser. My application URL is http://www.geometricglobal.com/. I had removed this news part from the site as it was not showing properly. Now I have to add the same and again the issue is not resolved yet. 

Please let me know where the problem is and also please give the solution for the same.



 

[Slav]

Hello Pawan,

After examining the live URL that you provided I noticed that there is a visibility: hidden style applied to the RadRotator CSS class, which appears to be defined in your file RotatorNews.css. This style hides the RadRotator under IE8. Is there a particular reason for setting visibility: hidden to the rotator control? Is the problem reproducible with the default styles of RadRotator? If it is, please bind the rotator control with static items and send the markup so that I can examine the problem locally?

Also, it is recommended to set the ItemWidth and ItemHeight properties of RadRotator, as described in the help article How to configure RadRotator, in order to ensure that all calculations, related to the items' rotation, are correct.

Regards,
Slav
the Telerik team

[Pawan]

Hello Slav,

Thank you very much for your reply. My problem has been resolved. I have added some of possibilities given by you in last mailer discussion. As you said keep the visibility mode on, I did the same also I have added some IE 8 browser specific CSS like width, height, position, opacity etc. which is only applicable to IE 8 browser. Now it works fine in all browsers.

Again Thanks a lot for your immediate response to every mail. 

Regards

Pawan