Changing the font size and position of tile's title

[Mergen]

Hi,
I'm new to the tilelist control. I tried to change the font size and position of the tile's title without success. Do you know how to customize that part?

Thanks!

[Marin Bratanov]

Hello Mergen,

You can use your browser's dev toolbar to examine the rendered HTML and find the CSS classes the title has in order to override their settings as desired. The following override would be one way to change some properties and positioning:

.rtlistTitle
{
    position: relative !important;
    margin: auto !important;
    width: 50% !important;
    font-weight: bold !important;
    top: 120px !important;
}

Regards,
Marin Bratanov
Telerik

[Cayetano Landeros]

how can I change the color of the title?  it is only displaying black and I would like to change it to white or some other color.

[Shinu]

Hi Cayetano,

Try overriding the default CSS as follows. You have to use the corresponding skin name in the CSS.

CSS:

<style type="text/css">
    .RadTileList_Windows7.RadTileList .rtlistTitle
    {
        color: Blue !important;
    }
</style>

Thanks,
Shinu.

[JC]

Hi Shinu

The radtile background changes to light blue on selecting. How can I add a custom color for selected tiles?

[Shinu]

Hi JC,

Try overriding the default CSS as follows. You have to use the corresponding skin name in the CSS.

CSS:

<style type="text/css">
    .RadTileList_Windows7 .rtlistSelectedTile
    {
        border-color: Green !important;
    }
</style>

Thanks,
Shinu.