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

Cosmetic issue in Bootstrap skin

6 Answers 12 Views
DateTimePicker
This is a migrated thread and some comments may be shown as answers.
miksh
Top achievements
Rank 1
Iron
miksh asked on 27 Nov 2018, 07:07 PM

Hello, please open a demo page https://demos.telerik.com/aspnet-ajax/datetimepicker/overview/defaultcs.aspx?skin=Bootstrap and select Bootstrap skin.

Note that the left top & bottom corners are not rendered correctly. Most likely it's related to the "box-sizing: content-box".

6 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 28 Nov 2018, 08:26 AM
Hello,

Can you please share a screenshot of the problem since on my side everything looks OK - screenshot?


We have this KB article on the matter for the box-sizing issue: Fix incorrect appearance in Telerik controls when using Bootstrap library.


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
miksh
Top achievements
Rank 1
Iron
answered on 28 Nov 2018, 01:00 PM
0
Accepted
Rumen
Telerik team
answered on 29 Nov 2018, 01:52 PM
Hi Michael,

The solution for this is to apply border radius to the wrapper holding the buttons:

.RadPicker .rcSelect {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}


Can you try it and let me know how it goes on your side?

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
miksh
Top achievements
Rank 1
Iron
answered on 29 Nov 2018, 02:02 PM

It works, thank you!

Should we expect it as a fix in next release(s)?

0
Rumen
Telerik team
answered on 29 Nov 2018, 04:07 PM
Hello,

We will definitely try to solve the issue in the next release. Here you can subscribe for the bug report item Top and Bottom right corners of the clock icon are missing.

As a small note of gratitude for your report, 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
Rumen
Telerik team
answered on 10 Dec 2018, 11:53 AM
I am bringing good news that the problem is fixed and the fix will appear in the upcoming in mid-January R1 2019 release.

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.
Tags
DateTimePicker
Asked by
miksh
Top achievements
Rank 1
Iron
Answers by
Rumen
Telerik team
miksh
Top achievements
Rank 1
Iron
Share this question
or