SlideShowButtons outside the rotator

[John]

Hi - my rotator uses "fade" to go between slides. But - I want to have next - prev buttons under the control - not within it. By specifying RotatorType="SlideShowButtons", the left-right buttons are added automatically at the side. Is there any way to have a fade transition and my own custom buttons?

Thanks

[Princy]

Hello John,


RadRotator has rich client side API which allows you to achieve your goal. See the demo.
Rotator / Client-side API 
 
I hope the demo itselef describes all.


Thanks,
Princy.

[John]

Thanks - got it working with custom buttons and fading - cheers. One thing though - for some reason, when I use the buttons, sometimes the image seems to load (or rather become the viewable rotator item) twice. So - I click "Next", the next image fades in and then, as soon as the fade has finished, it does the fade again, with the same image.

Any ideas why?

Thanks

[Fiko]

Hi John,

There are two approaches in order to achieve the desired result

1. First approach (recommended in your case)
   
   • Set the RadRotatror's RotatorType property to SlideShowButtons
   • Set external buttons to the control using its ControlButtons inner property:

       .............
        <ControlButtons LeftButtonID="LeftButtonClientID" RightButtonID="RightButtonClientID" />
     </telerik:RadRotator>

     
     
2. Second approach is to use the client-side api of the control (as suggested by Princy) and implement your custom behavior. I do not recommend this approach in your case, however, because I believe that the first one will fit your needs and there is no need to implement a custom solution.
   

Best wishes,
Fiko
the Telerik team