Circular tiles.

2 posts, 0 answers
  1. JC
    JC avatar
    30 posts
    Member since:
    Feb 2013

    Posted 05 Sep 2013 Link to this post

    Does this control support circular tiles creation? The default tiles have a rectangular look and I need rounded tiles. Any provision?

    Thanks
    JC
  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3600 posts

    Posted 05 Sep 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top