We have a site that is built with Bootstrap 3.0 style sheets. When we use a Kendo UI DatePicker as a standalone item on an input control, it looks very nice with the Kendo.Boostrap css. However, when we use a DatePicker inside a Kendo grid it has no bootstrap styling, plus there are other elements we see that we don't want user to have to deal with. See the attached picture to see how the two look so different. I circled in red the controls we don't want the user to see.
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.3.914/styles/kendo.common-bootstrap.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.3.914/styles/kendo.bootstrap.min.css"/>
<script src="//kendo.cdn.telerik.com/2016.3.914/js/kendo.all.min.js"></script>
<script src="//kendo.cdn.telerik.com/2016.3.914/js/kendo.aspnetmvc.min.js"></script>
(using a shared partial view for the grid column.)
col.Bound(c => c.StartDate).EditorTemplateName("Date")
(partial view for the template "Date")
@(Html.Kendo().DatePickerFor(m => m).Format("dd/MM/yyyy"))
Any thoughts?
2 Answers, 1 is accepted
Rank 1
I would delete this post if I could
Found out the issue was the shared partial view was not correctly in a sub-folder "EditorTemplate" under Shared.
Thanks for sharing the solution! It's good to have the forum thread still visible so it can help other people who might find the same issue in the future.
Regards,
Eduardo Serra
Telerik by Progress