[Solved] Adjusting the Height of the Window Titlebar

[Darrien]

I'm trying to format the text within the Titlebar of the MVC window, but the larger font cuts off the within the titlebar.  I then tried to adjust the height, but the tag below did not work.  Ideas?

.t-window-title
{
    font-size:24px;
    font-family:Trebuchet MS;
    font-weight:bold;
    color:White;
   height:45px !important;
}

[Dimo]

Hi Darrien,

The Window title area is constructed with the following HTML markup:

<div class="t-window-titlebar t-header">
    <span class="t-window-title">...title here...</span>
    <div class="t-window-actions t-header">...buttons here...</div>
</div>

The parent <div> has a font-size and line-height styles applied, while the inner <span> is absolutely positioned.

In order to increase the font size easily, please use a CSS style, which targets the parent div.t-window-titlebar element, instead of styling the inner <span>. For example:

div.t-window-titlebar
{
    font-size: 24px;
    line-height: 1.2;
}

In this way there will be no need to set any height.


Best wishes,
Dimo
the Telerik team

[Darrien]

This worked great; thanks.