Sitefinity and RadDock Title wrong position

2 posts, 0 answers
  1. Farid Hayati
    Farid Hayati avatar
    17 posts
    Member since:
    Mar 2011

    Posted 10 Mar 2011 Link to this post

    We are using raddock, when we apply sitefinity skin to it, the dock title is wrong aligned. its aligned to the top of element. the result is the same on online demos if we apply sitefinity skin to it.

    http://demos.telerik.com/aspnet-ajax/dock/examples/default/defaultcs.aspx

    We solve this problem by  applying custom css style to rad dock.

        .RadDock_Sitefinity .rdTitleBar em {
        padding-top:6px;
        }

    Thanks
  2. Bozhidar
    Admin
    Bozhidar avatar
    680 posts

    Posted 11 Mar 2011 Link to this post

    Hello Farid,

    Thank you for reporting that bug to us. The reason is that Sitefinity skin uses different font-style, which is specified in the Skin Specific file, while other skins font style is specified in the Basic CSS file as it is common for all of them except the Sitefinity skin.

    When the CSS overwrite was added to the Sitefinity skin was missed the line height style for the titlebar em element and it was put the following way:

    div.RadDock_Sitefinity .rdTitleBar em
    {
        font: normal normal 12px Arial, Helvetica, Sans-serif;
    }

    So the fix should be:

    div.RadDock_Sitefinity .rdTitleBar em
    {
        font: normal normal 12px/27px Arial, Helvetica, Sans-serif;
    }

    Of course your way with adding some extra padding gives the same result, but we will use the line-height property to keep the CSS code of the control consistent with the basic CSS file.

    Your Telerik points has been updated.

    Best wishes,
    Bojo
    the Telerik team
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top