How to create the drag effect in the carousel

2 posts, 0 answers
  1. John Emmatty
    John Emmatty avatar
    15 posts
    Member since:
    Mar 2010

    Posted 29 Apr 2010 Link to this post

    I need to drag/click(without using navigation arrows) on an item so that it will become active item. I also need to hide the default navigation arrows comes with the carousel.

    Please tell me how to achieve this.

  2. Milan
    Milan avatar
    1989 posts

    Posted 03 May 2010 Link to this post

    Hi John Emmatty,

    You can easily hide the navigations buttons by using two properties:

    <telerik:RadCarousel Name="RadCarousel1" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden">

    By default, when you click on an item will automatically be moved to the center of the path. 

    In regard to the drag functionality it would be great if you can share more details about this requirement. If your idea is to be able to control the movement of the carousel by holding down the left mouse button over an item and dragging the mouse it might be a little bit difficult to implement at the moment since the carousel will automatically move the carousel on mouse down.

    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Back to Top