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 Answers, 1 is accepted
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.
Regards,
Telerik by Progress
Rank 1
Thank you Marin.
By placing the individual tiles into a DIV I was able to get the functionality I need.