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

Calendar Icon Not Appearing Correctly

2 Answers 280 Views
DatePicker
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 2
David asked on 05 Jul 2016, 10:23 AM

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.

2 Answers, 1 is accepted

Sort by
0
Accepted
Orlin
Telerik team
answered on 05 Jul 2016, 01:45 PM
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
Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
0
David
Top achievements
Rank 2
answered on 05 Jul 2016, 02:59 PM

Orlin,

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

David

Tags
DatePicker
Asked by
David
Top achievements
Rank 2
Answers by
Orlin
Telerik team
David
Top achievements
Rank 2
Share this question
or