Sitefinity and RadDock Title wrong position

[Farid Hayati]

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

[Bozhidar]

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