Window title cosmetic issue in Bootstrap theme

6 posts, 0 answers
  1. miksh
    miksh avatar
    285 posts
    Member since:
    Nov 2006

    Posted 30 Oct 2018 Link to this post

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

  2. Rumen
    Admin
    Rumen avatar
    14434 posts

    Posted 02 Nov 2018 Link to this post

    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.
  3. Jan Hansen
    Jan Hansen avatar
    20 posts
    Member since:
    Dec 2003

    Posted 30 Oct 2020 in reply to Rumen Link to this post

    This seem to be a problem for 2020 R3 still... will it be fixed, or am I missing something?
  4. Rumen
    Admin
    Rumen avatar
    14434 posts

    Posted 30 Oct 2020 Link to this post

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

  5. Jan Hansen
    Jan Hansen avatar
    20 posts
    Member since:
    Dec 2003

    Posted 30 Oct 2020 in reply to Rumen Link to this post

    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.

  6. Rumen
    Admin
    Rumen avatar
    14434 posts

    Posted 02 Nov 2020 Link to this post

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

Back to Top