Window title cosmetic issue in Bootstrap theme

[miksh]

When using Telerik controls with Bootstrap theme and Bootstrap 3.x the radWindow title has cosmetic issue (see attached).

It appeared that Bootstrap global box-sizing: border-box is the reason. 

The workaround is to set box-sizing: content-box  in rwTitleWrapper

It could easily reproduced here https://demos.telerik.com/aspnet-ajax/window/examples/browserdialogboxes/defaultcs.aspx 

Please fix in your next release(s).

[Rumen]

Hi Michael,

Thank you for reporting this issue and sharing the solution with your fellow developers.

This is a known problem and we will definitely try to fix it.

As a small token of gratitude for your contribution, I've updated your Telerik points.

Best Regards,
Rumen
Progress Telerik

[Jan Hansen]

This seem to be a problem for 2020 R3 still... will it be fixed, or am I missing something?

[Rumen]

Hi Jan,

The solution proposed by Michael is currently the recommended approach for overriding the titlebar issue caused by the box-sizing: border-box global style:

<style>
.rwTitleWrapper 
{
       box-sizing: content-box !important;
}
</style>

 

Regards,
Rumen
Progress Telerik

[Jan Hansen]

Seriously? A two years old bug with a simple solution, and you can't be bothered to fix it? 

Yes, there's an easy fix which I applied after finding this post, but still, its been two years...

I'm not very impressed.

[Rumen]

Hi Jan,

I fully agree with you that it is unacceptable to keep this issue unfixed for so long and I escalated it. Please excuse us for the delay!

The fix will be applied to the upcoming R1 2021 release. You can subscribe to the public issue for updates at Window title bar gets flatten in Bootstrap theme.

The problem is already fixed in the live demo.

Best Regards,

Rumen
Progress Telerik