Tile allignment

3 posts, 0 answers
  1. Silviu
    Silviu avatar
    63 posts
    Member since:
    Feb 2015

    Posted 25 Jul 2016 Link to this post

    I have a list of tiles that get created dynamically and I want to display them in a left to right order but when adding the tiles the outcome is as below.

    It does not fill the first row and then proceed to the next one, it seems to do two tiles across, two tiles down and then it repeats.

    If I add TileRows="1" then it enumerates all tiles on the same row, I want it to drop to the next row once it reaches the right edge of the screen.

    How do I get the correct behavior?

  2. Marin Bratanov
    Marin Bratanov avatar
    5138 posts

    Posted 25 Jul 2016 Link to this post

    Hi Silviu,

    This is the expected behavior of the TileList, which emulates the Windows 8 Start.

    You can read more about the expected modes of the control in this article: http://docs.telerik.com/devtools/aspnet-ajax/controls/tilelist/mobile-support/responsive-capabilities. The mobile-oriented layouts will, perhaps suit your needs. You can use CSS similar to the one provided in this article and tweak it so it kicks in for larger resolutions as well: http://docs.telerik.com/devtools/aspnet-ajax/controls/tilelist/appearance-and-styling/css-for-responsive-layout.

    The easier option is to create standalone tiles (http://demos.telerik.com/aspnet-ajax/tilelist/examples/standalonetiles/defaultcs.aspx) programmatically by looping through your data and adding them to a container.


    Marin Bratanov
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. Silviu
    Silviu avatar
    63 posts
    Member since:
    Feb 2015

    Posted 26 Jul 2016 in reply to Marin Bratanov Link to this post

    Thank you Marin.

    By placing the individual tiles into a DIV I was able to get the functionality I need.

Back to Top