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

How to centre tiles

2 Answers 181 Views
TileList
This is a migrated thread and some comments may be shown as answers.
Al
Top achievements
Rank 1
Iron
Iron
Iron
Al asked on 28 Jun 2016, 02:21 PM

Hi,

I have 4 icon tiles that are shape=wide set to TileRows=2. How do I centre these on the screen (left-right)?

2 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 29 Jun 2016, 08:03 AM

Hi Al,

RadTileList is designed to let the user scroll the tiles left and right (depending on its Width and the number of tiles, of course).

So, you can set its Width to match the number of tiles and center the <div> that holds the TileList (this div should also have the proper width).

Or, you can use standalone tiles and center them (or their container) as if you would center any other element: http://demos.telerik.com/aspnet-ajax/tilelist/examples/standalonetiles/defaultcs.aspx.

Regards,

Marin Bratanov
Telerik
Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
0
Al
Top achievements
Rank 1
Iron
Iron
Iron
answered on 29 Jun 2016, 10:06 AM

Thanks Marin, I got it centered using:

.divTileContainer
{
    margin: 0 auto;
    width: 750px;
}

 

and the fiddling the width RadTileList Widht and TileROws properties + the RadIconTile Shape and Width properties

Tags
TileList
Asked by
Al
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Marin Bratanov
Telerik team
Al
Top achievements
Rank 1
Iron
Iron
Iron
Share this question
or