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

DatePicker used in a Grid with Bootstrap doesn't look bootstrappy

2 Answers 92 Views
Date/Time Pickers
This is a migrated thread and some comments may be shown as answers.
NerdBrick
Top achievements
Rank 1
NerdBrick asked on 26 Sep 2016, 07:01 PM

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

Sort by
0
NerdBrick
Top achievements
Rank 1
answered on 26 Sep 2016, 07:41 PM

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. 

 

0
Eduardo Serra
Telerik team
answered on 27 Sep 2016, 08:35 PM
Hello Brick,

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
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
Tags
Date/Time Pickers
Asked by
NerdBrick
Top achievements
Rank 1
Answers by
NerdBrick
Top achievements
Rank 1
Eduardo Serra
Telerik team
Share this question
or