Multiple RadTileViewItems, Each w/Own FluidContentControl

3 posts, 1 answers
  1. Matt
    Matt avatar
    4 posts
    Member since:
    Sep 2011

    Posted 30 Jul 2012 Link to this post

    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. Answer
    Lancelot
    Lancelot avatar
    251 posts
    Member since:
    Jul 2012

    Posted 31 Jul 2012 Link to this post

    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

  3. DevCraft banner
  4. Matt
    Matt avatar
    4 posts
    Member since:
    Sep 2011

    Posted 31 Jul 2012 Link to this post

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