Reaching start/end of list

3 posts, 0 answers
  1. genesplitter
    genesplitter avatar
    25 posts
    Member since:
    Nov 2006

    Posted 14 Oct 2008 Link to this post

    Is there a way to indicate to the user the end of the list has been reached in your thumbnail example, preferably by having the scrolling stop? (same for going backwards to the beginning of the thumbnail list)

    http://demos.telerik.com/aspnet/prometheus/Rotator/Examples/Gallery/DefaultCS.aspx

    Thank you,




  2. genesplitter
    genesplitter avatar
    25 posts
    Member since:
    Nov 2006

    Posted 14 Oct 2008 Link to this post

    After studying the documentation more, I noticed the client-side set_wrapFrames method and a server-side WrapFrames attribute. I have a vertically formatted thumbnail list and if set to WrapFrames=false, I noticed the top/up arrow is greyed out and the rotator wraps back to the beginning when the user scrolls to the end.

    Is this a bug or did should I set these values client-side?


    Example of WrapFrames=false still wrapping -

    http://liz.donaldlee.net/SearchMLSDetail.aspx?mlsid=347934
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 21 Oct 2008 Link to this post

    Hi Donald,

    When WrapFrames is set to false and you are using buttons with the rotator, the corresponding button will be automatically disabled once the items are rotated to the end.
    For example you can examine the following setup. Note that the height and the width of the rotator must be 40 pixels larger than the values set in the Width / Height properties - this is needed because the buttons are 20px in width and height:

            <asp:ScriptManager ID="ScriptManager1" runat="server"
            </asp:ScriptManager> 
     
            <telerik:RadRotator  
                ScrollDirection="Up,Down"  
                Width="200px"  
                Height="140px"  
                ItemHeight="100px"  
                WrapFrames="false"  
                RotatorType="Buttons" 
                ItemWidth="200px"  
                DataSourceID="AccessDataSource1"  
                ID="rotator1"  
                runat="server"
                <ItemTemplate> 
                    <%# DataBinder.Eval(Container.DataItem, "ProductName")%> 
                </ItemTemplate> 
            </telerik:RadRotator> 
            <asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/Nwind.mdb" 
                SelectCommand="SELECT TOP 3 [ProductName], [UnitPrice], [UnitsInStock] FROM [Alphabetical List of Products]"
            </asp:AccessDataSource> 
        </form> 
    </body> 
    </html> 

    The result can be seen in the attached movie.


    Sincerely yours,
    Georgi Tunev
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top