Is RadTileView the best choice to bind observablecollections

4 posts, 0 answers
  1. Dhana
    Dhana avatar
    1 posts
    Member since:
    Feb 2014

    Posted 17 Feb 2014 Link to this post


    I am new to WPF and am trying to understand the best control to use for my implementation. Any help would be greatly appreciated.

    I have two observable collections in my view model. My requirement is that i have to display one collection on the first column and the other collection on the second column of the RadWindow. I am currently using two RadTileView controls for this. Clicking on each tile will take the user to a different screen.

    I have two issues with the above implementation.
     1) It currently displays a scrollbar for each RadTileView. Can i display one common scrollbar for both the RadTileViews?
     2) If the first collection is empty, I should not display the first column and should left align the second column.

    Is RadTileView the right control for this? If not can you please suggest other controls that i can use?
    I can change the ViewModel to have one observableCollection and identify where each entry will go if that helps.

    I attached a screenshot of the view.

  2. Boris
    Boris avatar
    276 posts

    Posted 20 Feb 2014 Link to this post

    Hello Dhana,

    There are several ways to achieve your requirements. 
    1. You can use two RadTileView controls wrapped in a StackPanel which is wrapped in a ScrollViewer. To hide the default RadTileView scrollViewer you'll need to set the ScrollViewer.VerticalScrollBarVisibility property to "Disabled":
                                           ItemsSource="{Binding FirstTileViewCollection}">
      or edit the template and remove it.    
      As for the second requirement - when you don't have any business items in your first observable collection the second RadTileView will automatically take over its space.
      There are some drawbacks to using a single ScrollViewer - if you don't use custom template you won't be able to use the mouse wheel to scroll while you're over the tileVIews. 
    2. If you don't need the built-in RadTileView features e.g. item reordering, maximizing/minimizing and etc. you could use the RadListBox control and achieve the same layout.

    I've attached a sample project demonstrating the first approach so could you please examine it and let me know if this helps you.

    Boris Penev
  3. DevCraft banner
  4. Dhana
    Dhana avatar
    1 posts
    Member since:
    Feb 2014

    Posted 21 Feb 2014 in reply to Boris Link to this post

    Thanks much for the info! My requirement got changed a little bit. I have to display the tiles in a windows8 style tiles. So, is RadTileList the right control to perform this?
  5. Tina Stancheva
    Tina Stancheva avatar
    3298 posts

    Posted 26 Feb 2014 Link to this post

    Hi Dhana,

    You can definitely try the RadTileList component as it displays tiles in a mosaic manner. You can take a look at this tutorial describing how to populate it with business items. You can also examine its demos to see if its functionality fits your requirements.

    Let us know if you need more information.

    Tina Stancheva
Back to Top