This is a migrated thread and some comments may be shown as answers.

Slider hidden

8 Answers 191 Views

Slider

This is a migrated thread and some comments may be shown as answers.

8 Answers, 1 is accepted

answered on 02 May 2007, 01:29 PM

Hello David,
You can easily achieve the desired behavior, by combining one of the online examples of the RadRotator, with one of the examples of the RadSlider.

Bellow follows sample code to get you started:

<form id="form1" runat="server">  

    <asp:ScriptManager ID="ScriptManager1" runat="server">  

    </asp:ScriptManager>     

    <radR:RadRotator ID="RadRotator1" runat="server" DataSourceID="AccessDataSource1" AutoAdvance="false">  

        <FrameTemplate> 

            <asp:Label ID="lblTest" runat="server" Text='<%# Eval("ProductName") %>'></asp:Label> 

        </FrameTemplate> 

    </radR:RadRotator> 

    <telerik:RadSlider SlideStep="1" ID="RadSlider1" runat="server" OnClientValueChange="ClientValueChange" /> 

    <asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/Nwind.mdb" 

        SelectCommand="SELECT [ProductName] FROM [Alphabetical List of Products]"></asp:AccessDataSource> 

        <script type="text/javascript">  

        function ClientValueChange(sender, eventArgs)  

        {  

            var newValue = sender.get_Value();  

            var oldValue = eventArgs.get_OldValue();  

            if(newValue - oldValue > 0)  

            {  

                RadRotator1.ShowNextFrame();                      

            }  

            else  

            {  

                RadRotator1.ShowPrevFrame();  

            }  

        }  

        </script> 

</form>

Sincerely yours,
Tsvetie
the telerik team

Instantly find answers to your questions at the new Telerik Support Center