Disable automatic scrolling Carousel

2 posts, 1 answers
  1. Jocelyn
    Jocelyn avatar
    148 posts
    Member since:
    Jul 2012

    Posted 17 Feb 2012 Link to this post

    I am using a rotator like a menu, and I don't want automatic scrolling. How can I disable it?

    Thanks
  2. Answer
    Slav
    Admin
    Slav avatar
    1356 posts

    Posted 21 Feb 2012 Link to this post

    Hello Jocelyn,

    Note that the RadRotator control supports also a CarouselButtons rotator type. If the RotatorType property is set to CarouselButtons, then the items are moved by clicking the RadRotator's default navigation buttons located on the left and right side of the control.

    Another option to stop the automatic scrolling of the rotator control is to use its client-side method stop(), as demonstrated in the following example:
    <telerik:RadRotator ID="RadRotator1" runat="server" Width="810px" ItemWidth="300"
        Height="350px" ItemHeight="220" ScrollDuration="500" FrameDuration="2000"
        RotatorType="Carousel" OnClientLoad="OnClientLoad">
        <ItemTemplate>
            <asp:Image ID="Image1" runat="server" ImageUrl='....' AlternateText="...." />
        </ItemTemplate>
    </telerik:RadRotator>
     
    <script type="text/javascript">
       function OnClientLoad(sender, args) {
            sender.stop();
       }
    </script>

    I hope this helps. Feel free to contact us again if you run into more difficulties.

    Kind regards,
    Slav
    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top