Can a Telerik or native component do this?

4 posts, 1 answers
  1. Paul
    Paul avatar
    108 posts
    Member since:
    Jun 2010

    Posted 07 Oct 2011 Link to this post

    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?
  2. Answer
    Hristo
    Admin
    Hristo avatar
    408 posts

    Posted 13 Oct 2011 Link to this post

    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

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  3. Paul
    Paul avatar
    108 posts
    Member since:
    Jun 2010

    Posted 13 Oct 2011 Link to this post

    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.  
  4. Paul
    Paul avatar
    108 posts
    Member since:
    Jun 2010

    Posted 13 Oct 2011 Link to this post

    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!
Back to Top