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

Multiple RadTileViewItems, Each w/Own FluidContentControl

2 Answers 44 Views
TileView
This is a migrated thread and some comments may be shown as answers.
Matt
Top achievements
Rank 1
Matt asked on 30 Jul 2012, 03:01 PM
Hi,

I have been searching (unsuccessfully) on if it is possible to have multiple radtileviewitems in a radtileview control, each with its own FluidContentControl.  These radtileviewitems would be defined at design time and 'static'.

I've reviewed http://www.telerik.com/help/silverlight/radtileview-howto-use-fluidcontentcontrol-in-tileview.html, and found it very helpful for creating the fluidcontentcontrol, but now I'm stuck on how I would apply a different one to each radtileviewitem.
To further help explain, view your example here: http://demos.telerik.com/silverlight/#TileView/Features/DifferentSizes
I would like to reproduce that layout, in theory, with different content, and each tileviewitem would have a different minimized and large content.  (For example, when you maximize the 'My Contacts' tile it would show contact pictures...)

Your assistance is appreciated in advance.
Regards,
Matt

2 Answers, 1 is accepted

Sort by
0
Accepted
Lancelot
Top achievements
Rank 1
answered on 31 Jul 2012, 03:38 PM
Hi Matt,

Yes, that is possible. what you need to do is create your DataTemplate for the Maximized view. When in the Maximized state, you could bind the rest of the "contact's" data to the DataTemplate. For instance, here is a rough wire-frame:

Large state>  the DataTemplate has an image control along with several textBlocks to hold all the contact's info
Normal state> the DataTemplate contains no image but the contact's phone number and other info
Small state> the DataTemplate only has a single textBlock to show the contact's name

The tile item is still bound to the same contact, but displays different amount of info depending on its size. The FluidContentState converter would then switch to the proper view and display the data via the DataTemplate.

To see this in action, go to the demo application by clicking here. You can glimpse the code right there by switching to "code view" by toggling the button at the top right of the window. To dig deeper, you have the entire example application on your machine. If you installed the controls at the default location, you will find the solution at this location:

C:\Program Files (x86)\Telerik\RadControls for Silverlight Q2 2012\Demos

Open the ExamplesCS_SL.sln file in VS2010 and locate the TileView project. The demo is in there.

Good Luck,
Lancelot

0
Matt
Top achievements
Rank 1
answered on 31 Jul 2012, 06:59 PM
Lancelot,

Thank you for the prompt reply and pointing me to the correct demo.  I figured you guys had something already along the lines of what I needed...just wasn't finding it.  Thanks!
Matt
Tags
TileView
Asked by
Matt
Top achievements
Rank 1
Answers by
Lancelot
Top achievements
Rank 1
Matt
Top achievements
Rank 1
Share this question
or