TileView behaviour question

2 posts, 1 answers
  1. uku
    uku avatar
    57 posts
    Member since:
    Mar 2009

    Posted 13 Nov 2009 Link to this post


    I've copied the TileView example from the Telerik example project (Q3 release) and added several TileViewItems.
    Then I've inserted several controls into the LargeContent and was wondering because when I enlarge the tile it was always empty. After playing around with SmallContent, Content and LargeContent which I thought represents the three different styles of the tile, I made the following observation.

    It looks to me that the control decides depending on the space it has(that means size of the RadViewTile in relation to the size of the single content container), which content section is shown. That means if I have a lot of tiles than the "SmallContent"  section is shown and if I have only a few tiles than the "Content"  section is shown.

    My thinking was that I have three states.
    A "SmallContent" - state which is when one tile is enlarged and all the others are listed on the right side. They, I've thought use the "SmallContent"
    The "Content" - state when no tile is enlarged and all tiles have the same size.
    The "LargeContent" - state, when one tile uses nearly the whole space

    I've attached 4 pictures to make it more clear. In picture 2 you can see, that one tile uses nearly the whole screen but "Content" is shown and not "LargeContent". In this case the width of the RadTileView definition was not big enough.

    Is this the intended behaviour? I'm thinking about creating tiles dynamically and having dynamic size of the RadTileView, so I have to analyze myself where to put my content. In the case of picture 2 the content of "LargeContent" was never shown.

    It would be nice if someone could explain me the idea behind this behaviour


  2. Answer
    Tihomir Petkov
    Tihomir Petkov avatar
    576 posts

    Posted 17 Nov 2009 Link to this post

    Hi Uwe,

    In fact, what you observed is correct. However, there is a detail that I believe may not be obvious. That detail is the FluidContentControl. It is a standalone control that can be used without a TileView and there is no requirement to use one within the other. Using the two is simply very handy and that is why the online demo does so. Now I see that this can actually be a bit misleading by leaving people with the impression that the FluidContentControl is a part of the TileView or is somehow required by it.

    Anyway, when a TileViewItem is changing its state, it is only changing its size i.e. the TileViewItem is not doing anything with its content. It is the FluidContentControl that is switching its visible content as the available size changes. You can find a good explanation of the FluidContentControl here:

    Hopefully I was able to make things a bit clearer. Please let me know if you have any other questions.

    Kind regards,
    Tihomir Petkov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. DevCraft R3 2016 release webinar banner
Back to Top