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

Circular tiles.

1 Answer 31 Views
TileList
This is a migrated thread and some comments may be shown as answers.
JC
Top achievements
Rank 1
JC asked on 05 Sep 2013, 08:36 AM
Does this control support circular tiles creation? The default tiles have a rectangular look and I need rounded tiles. Any provision?

Thanks
JC

1 Answer, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 05 Sep 2013, 09:35 AM
Hello JC,

The TileList control follows the Metro styling from Microsoft and it is, therefore, square.
You can make the tiles rounded by using the CSS3 border-radius property and see if this will fit your needs:
.rtlistSquareTile
{
    border-radius: 75px;
}

This is for square tiles, a wide tile cannot become a circle, yet a similar selector can be used to apply rounded corners:
.rtlistWideTile
{
    border-radius: 50px;
}


Regards,
Marin Bratanov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
TileList
Asked by
JC
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Share this question
or