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

3 posts, 0 answers
  1. NerdBrick
    NerdBrick avatar
    25 posts
    Member since:
    Jan 2013

    Posted 26 Sep Link to this post

    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="//" />
    <link rel="stylesheet" href="//"/>

    <script src="//"></script>
    <script src="//"></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. NerdBrick
    NerdBrick avatar
    25 posts
    Member since:
    Jan 2013

    Posted 26 Sep in reply to NerdBrick Link to this post

    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. 


  3. Eduardo Serra
    Eduardo Serra avatar
    37 posts

    Posted 27 Sep Link to this post

    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.

    Eduardo Serra
    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top