How to do this (simple?) layout

4 posts, 0 answers
  1. Kenneth
    Kenneth avatar
    101 posts
    Member since:
    Apr 2014

    Posted 15 Aug 2015 Link to this post

    I want to achieve the layout seen in the attached image. 

    I would like it to act like this:

     Pane 1 is static, it can be closed but not moved.  If closed the other panes move up.

    All other panes are optional (can be shown or hidden) and they exist vertically stacked in 2 equal width columns.

    User can close one or more, move them up or down in a column, or move them from the left column to the right, and vice-versa.

    After playing with the dock panel I'm beginning to believe it may not be the right control for this; a grid with two stack panels would work, but I want to be able to drag panes around as described above.

    ​Any suggestions?

     kpg

  2. Kenneth
    Kenneth avatar
    101 posts
    Member since:
    Apr 2014

    Posted 15 Aug 2015 Link to this post

    I'm looking at RadTileView now.  That looks promising.

  3. DevCraft banner
  4. Kenneth
    Kenneth avatar
    101 posts
    Member since:
    Apr 2014

    Posted 15 Aug 2015 Link to this post

    Solved.  The RadTileView accomplished this pretty easily.  The concept of rows and cols greatly simplified code I had in place for intelligent wrapping of the two columns into one as the browser width shrank, and the rowheight handled the  sizing when pane 1 was visible/hidden.
  5. Kalin
    Admin
    Kalin avatar
    1209 posts

    Posted 17 Aug 2015 Link to this post

    Hi Kenneth,

    We are glad you have found a suitable solution. If you have any other question or concerns, please let us know.

    Regards,
    Kalin
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top