Multiple Gridviews scrolling horizontally

7 posts, 0 answers
  1. Aarsh
    Aarsh avatar
    192 posts
    Member since:
    Jun 2012

    Posted 06 Nov 2012 Link to this post


    431 Points

    148 Posts

    Multiple Gridviews scrolling horizontally

    6 minutes ago|LINK

    Hi friends,

    I searched but could not find. I want to make such an arrangement that my all 8 gridview scroll horizontally like the 'coverflow' style. But just want them to scroll horizontally  and do not want to turn those other then the current one.

    Just in the case you are having troubles understanding the 'coverflow' here is the ref link : http://en.wikipedia.org/wiki/File:Coverflowitunes7mac.png

    But I do not want the inactive ones to turn outside as shown at the link above, I just want simple horizontal scrolling of multiple asp:GrdiViews along the width there are almost 15 - 18 gridviews on my Telerik enebled (asp.net 3.5) web page.

    The solution can be anything like jQuery / JS / Ajax / Telerik ...

    Thanks for your help in advance,
    -Aarsh

    Tags:

    COVERFLOW, HORIZONTAL, SCROLL, HORIZONTAL SCROLL, GRIDVIEW

  2. Marin
    Admin
    Marin avatar
    1043 posts

    Posted 09 Nov 2012 Link to this post

    Hi,

     You can check out the RadRotator and its ColverFlow mode in this demo. It also has item templates so you can put grids instead of pictures and provides various options for configuration so you can suit it according to your needs. Different RadRotator types can be found here:

    http://demos.telerik.com/aspnet-ajax/rotator/examples/rotatortypes/defaultcs.aspx

    Greetings,
    Marin
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Aarsh
    Aarsh avatar
    192 posts
    Member since:
    Jun 2012

    Posted 09 Nov 2012 Link to this post

    Awesome ! I have another requirement where I want to scroll the grdivews exactly how we can scroll the products on this page:

    https://www.dreamspark.com/Student/Software-Catalog.aspx

  5. Marin
    Admin
    Marin avatar
    1043 posts

    Posted 14 Nov 2012 Link to this post

    Hello,

     Another option in this case might be to place the grids in a scrollable container (for example a div) which will provide the same behavior as in the link that you posted.

    Regards,
    Marin
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  6. Aarsh
    Aarsh avatar
    192 posts
    Member since:
    Jun 2012

    Posted 14 Nov 2012 Link to this post

    Yeah that would fulfill one of the items on my puch-list (here is the relevant post : http://www.telerik.com/community/forums/aspnet-ajax/rotator/asp-gridview-s-in-rotator.aspx#2372954 )

    If you would please provide a micro code snippet (if you do not mind) , I will greatly appreciate it !

    Thanks,
    -Aarsh
  7. Marin
    Admin
    Marin avatar
    1043 posts

    Posted 19 Nov 2012 Link to this post

    Hi,

     The online demo that my colleague suggested in the other forum thread basically fulfills the requirement for custom scrolling of items (including grids) in any container by using the appropriate RadSlider control as shown in the demo. You can use it as a starting point to achieve your scenario.

    Greetings,
    Marin
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  8. Aarsh
    Aarsh avatar
    192 posts
    Member since:
    Jun 2012

    Posted 11 Dec 2012 Link to this post

    Thanks much , Marin.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017