rad:Rotator not woking well in chrome and safari

[denver]

hi we have a telerick rotator in the designcrowd website
whats happening is if im using chrome or safari an im scrolling down whilst the mouse is on the rotator everything inside the
rotator goes up or dissapears. an this doesnt happen in other browsers just those two.

 

<telerik:RadRotator runat="server" ID="rotatorImages" Width="828" ScrollDuration="500" ScrollDirection ="Left"

 

 

 

WrapFrames="true" ItemWidth="206" ItemHeight="80" RotatorType="AutomaticAdvance"

 

 

 

PauseOnMouseOver="false">

 

 

<ControlButtons LeftButtonID="imgLeftArrow" RightButtonID="imgRightArrow" />

 

 

<Items>

 

this is ust the sample of the rotator hearder. do i need to do more stuff for this to stop?

and this is inside a table width set to 100% and no hieght specified

[Marin Bratanov]

Hello denver,

I attempted to reproduce your issue with the provided information, but I couldn’t get the same result.

Generally speaking, such behavior can be observed if the RadRotator is actually larger than the space it is placed in (for example a <div> element or a table cell). In such scenario, I suggest the following:

• to check the page for such wrapper
• to check the height of the RadRotator (if it is not specified explicitly it defaults to 200px)

The second option can cause the actual size of the RadRotator to be larger than its wrapper and to  (although being invisible) overflow, which could be the reason for the problem on your side.

There are also several potential reasons for the problem in the declaration that you sent us:

• The height of the Rotator is not set.
• You have set the rotator to automatically rotate the items, so there is no need to additionally set the button-related properties.
• The combined item width of all items is smaller than the overall width of the Rotator

I hope that the above suggestions will solve the issue. If they don’t or your real-life scenario is different please send us a runnable project so that we can examine it in detail. This post will help you to isolate the sample project http://blogs.telerik.com/supportdept/posts/10-09-29/isolating_a_problem_in_a_sample_project.aspx

Best regards,
Marin
the Telerik team

[Asif]

Hi guys,

Few days ago, I had a similar problem like denver. Searched over the internet but all in vain.

Finally, I fixed it in following way.

Place RadRotator inside an html table. Give this html table some id e.g. tblRadRotator. Apply following css to avoid the mentioned problem.

#tblRadRotator div

        {

              Overflow-y: hidden;

        }

Enjoy!

[Pawan]

Thanks it works fine.