I have a grid with three columns, and two rows. Here's the basic layout:
___________
| A | B | C |
------------------
| D | E | F |
------------------
Grid cells A and C are used for something not relevant here. The bottom row is smaller than the top row.
I want a ScrollViewer (or anything that can contain items and scroll horizontally) in Cells [D,E,F] (ColumnSpan of 3). The ScrollViewer would hold RadCharts. When a chart is clicked, I want it to animate and move up to cell B which will provide a much larger view of it. When another chart is clicked in the ScrollViewer, this chart should animate upwards while the previous chart simultaneously animates back to the ScrollViewer along the bottom.
So if the bottom area holds 30 charts, you could always have one selected and viewed in cell B.
I was looking at RadCarousel but I don't know if it can be customized enough for that. Any ideas?
___________
| A | B | C |
------------------
| D | E | F |
------------------
Grid cells A and C are used for something not relevant here. The bottom row is smaller than the top row.
I want a ScrollViewer (or anything that can contain items and scroll horizontally) in Cells [D,E,F] (ColumnSpan of 3). The ScrollViewer would hold RadCharts. When a chart is clicked, I want it to animate and move up to cell B which will provide a much larger view of it. When another chart is clicked in the ScrollViewer, this chart should animate upwards while the previous chart simultaneously animates back to the ScrollViewer along the bottom.
So if the bottom area holds 30 charts, you could always have one selected and viewed in cell B.
I was looking at RadCarousel but I don't know if it can be customized enough for that. Any ideas?
3 Answers, 1 is accepted
0
Accepted
Hi Paul,
This is indeed a very interesting scenario. You can to achieve it with our RadTileView and RadSparklines.
All the best,
Hristo
the Telerik team
This is indeed a very interesting scenario. You can to achieve it with our RadTileView and RadSparklines.
All the best,
Hristo
the Telerik team
Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
0
Paul
Top achievements
Rank 1
Rank 1
answered on 13 Oct 2011, 01:46 PM
I appreciate the direction, but how exactly can a RadTileView do this? The RadTileView would have to cover all cells in the grid. It can't sit in cell B, and DEF.
0
Paul
Top achievements
Rank 1
Rank 1
answered on 13 Oct 2011, 04:24 PM
I think I'm on to something. I placed the RadTileView first in the XAML, and placed it over all cells. I created a trigger on the items, and set the properties for TileState=Maximized. I set MaxWidth and MinWidth to be grid cell B's width. I set HorizontalAlignment to be center. I placed the minimized view at the bottom. It's starting to take shape as what I was trying to do. I'll post another thread if I run into something. Thanks for the help!