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

Multiple Gridviews scrolling horizontally

6 Answers 161 Views
Documentation and Tutorials
This is a migrated thread and some comments may be shown as answers.
Aarsh
Top achievements
Rank 1
Aarsh asked on 07 Nov 2012, 05:25 AM

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

6 Answers, 1 is accepted

Sort by
0
Marin
Telerik team
answered on 09 Nov 2012, 03:53 PM
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.
0
Aarsh
Top achievements
Rank 1
answered on 09 Nov 2012, 04:29 PM
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

0
Marin
Telerik team
answered on 14 Nov 2012, 03:41 PM
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.
0
Aarsh
Top achievements
Rank 1
answered on 14 Nov 2012, 04:47 PM
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
0
Marin
Telerik team
answered on 19 Nov 2012, 03:41 PM
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.
0
Aarsh
Top achievements
Rank 1
answered on 11 Dec 2012, 08:16 PM
Thanks much , Marin.
Tags
Documentation and Tutorials
Asked by
Aarsh
Top achievements
Rank 1
Answers by
Marin
Telerik team
Aarsh
Top achievements
Rank 1
Share this question
or