Calendar Icon Not Appearing Correctly

[David]

I have bootstrap 3.3.6 in my .NET project and Telerik 2016.2.607.45 and have put a RadDatePIcker on my page. I have set the skin to Bootstrap, but the calendar icon is only half appearing. Are there any thoughts as to why this might be occurring?

When I look at the Developer Tools it appears to be linked to the box-sizing: border-box css property in bootstrap.min.css, as when I untick this the calendar appears correctly, but then the rest of the page's structure changes.

[Orlin]

Hello David,

In general our controls are not 100% Bootstrap compatible and it is not supported. I can however offer you a workaround that may help in your case. Just add the following to a custom CSS file linked in your application:

.RadPicker .rcSelect * {
    box-sizing: content-box;
}

That shouldn't interfere with the rest of your layout.

I hope this helps.


Regards,
Orlin
Telerik by Progress

[David]

Orlin,

Thanks ever so much,that workaround solved the issue perfectly.

David