Changing the font size and position of tile's title

6 posts, 0 answers
  1. Mergen
    Mergen avatar
    9 posts
    Member since:
    Feb 2012

    Posted 26 Jun 2013 Link to this post

    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!
  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3602 posts

    Posted 27 Jun 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Cayetano Landeros
    Cayetano Landeros avatar
    17 posts
    Member since:
    Feb 2006

    Posted 09 Sep 2013 Link to this post

    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.
  5. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 09 Sep 2013 Link to this post

    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.
  6. JC
    JC avatar
    30 posts
    Member since:
    Feb 2013

    Posted 10 Sep 2013 Link to this post

    Hi Shinu

    The radtile background changes to light blue on selecting. How can I add a custom color for selected tiles?
  7. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 10 Sep 2013 Link to this post

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