rad:Rotator not woking well in chrome and safari

4 posts, 0 answers
  1. denver
    denver avatar
    1 posts
    Member since:
    Oct 2010

    Posted 16 Feb 2011 Link to this post

    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"







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





    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

  2. Marin Bratanov
    Marin Bratanov avatar
    5112 posts

    Posted 18 Feb 2011 Link to this post

    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,
    the Telerik team
  3. Asif
    Asif avatar
    1 posts
    Member since:
    Apr 2011

    Posted 25 Apr 2011 Link to this post

    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;



  4. Pawan
    Pawan avatar
    7 posts
    Member since:
    Jul 2012

    Posted 02 Apr 2012 Link to this post

    Thanks it works fine.
Back to Top