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

Changing the font size and position of tile's title

5 Answers 74 Views
TileList
This is a migrated thread and some comments may be shown as answers.
Mergen
Top achievements
Rank 1
Mergen asked on 26 Jun 2013, 01:07 PM
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!

5 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 27 Jun 2013, 03:44 PM
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
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.
0
Cayetano Landeros
Top achievements
Rank 1
answered on 09 Sep 2013, 06:50 PM
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.
0
Shinu
Top achievements
Rank 1
answered on 10 Sep 2013, 04:31 AM
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.
0
JC
Top achievements
Rank 1
answered on 10 Sep 2013, 06:05 PM
Hi Shinu

The radtile background changes to light blue on selecting. How can I add a custom color for selected tiles?
0
Shinu
Top achievements
Rank 1
answered on 11 Sep 2013, 02:57 AM
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.
Tags
TileList
Asked by
Mergen
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Cayetano Landeros
Top achievements
Rank 1
Shinu
Top achievements
Rank 1
JC
Top achievements
Rank 1
Share this question
or