This is a migrated thread and some comments may be shown as answers.

Window title cosmetic issue in Bootstrap theme

5 Answers 22 Views
Window
This is a migrated thread and some comments may be shown as answers.
miksh
Top achievements
Rank 1
miksh asked on 30 Oct 2018, 07:31 PM

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).

5 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 02 Nov 2018, 09:43 AM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Jan Hansen
Top achievements
Rank 1
answered on 30 Oct 2020, 03:26 PM
This seem to be a problem for 2020 R3 still... will it be fixed, or am I missing something?
0
Rumen
Telerik team
answered on 30 Oct 2020, 04:25 PM

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Jan Hansen
Top achievements
Rank 1
answered on 30 Oct 2020, 04:33 PM

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.

0
Rumen
Telerik team
answered on 02 Nov 2020, 08:27 AM

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

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Window
Asked by
miksh
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Jan Hansen
Top achievements
Rank 1
Share this question
or