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

Is RadTileView the best choice to bind observablecollections

3 Answers 137 Views
TileView
This is a migrated thread and some comments may be shown as answers.
Dhana
Top achievements
Rank 1
Dhana asked on 17 Feb 2014, 08:59 PM
Hi,

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.

Thanks!                 

3 Answers, 1 is accepted

Sort by
0
Boris
Telerik team
answered on 20 Feb 2014, 05:40 PM
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":
    <telerik:RadTileView
                                         ScrollViewer.VerticalScrollBarVisibility="Disabled"
                                         ItemsSource="{Binding FirstTileViewCollection}">
                    </telerik:RadTileView>
    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.


Regards,
Boris Penev
Telerik
0
Dhana
Top achievements
Rank 1
answered on 21 Feb 2014, 08:55 PM
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?
0
Tina Stancheva
Telerik team
answered on 26 Feb 2014, 03:25 PM
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.

Regards,
Tina Stancheva
Telerik
Tags
TileView
Asked by
Dhana
Top achievements
Rank 1
Answers by
Boris
Telerik team
Dhana
Top achievements
Rank 1
Tina Stancheva
Telerik team
Share this question
or