DatePicker doesn't look right

2 posts, 0 answers
  1. Jim
    Jim avatar
    4 posts
    Member since:
    Dec 2015

    Posted 11 Dec 2015 Link to this post

    I just installed the trial version and I can't seem to get the DatePicker to function as it does in the example.

     

    I added the scripts and styles to the directories as instructed.

    We are MVC3 so my _Layout file looks like:

    <head>
        <title>@ViewBag.Title</title>
        <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
        <script src="../../Content/kendo/kendo.common.min.css"></script>
        <script src="../../Content/kendo/kendo.default.min.css"></script>
        <script src="@Url.Content("~/Scripts/kendo/jquery.min.js")"></script>
        @*<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>*@
        <script src="../../Scripts/kendo/kendo.all.min.js"></script>
        <script src="../../Scripts/kendo/kendo.aspnetmvc.min.js"></script>
    </head>

     

    Everything seems to function correctly but the display doesn't match and I'm seeing Unexpected Token errors in the kendo.common.min.css and kendo.default.min.css files.

  2. Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    356 posts

    Posted 14 Dec 2015 Link to this post

    Hi Jim,

    Thank you for considering Kendo UI.

    Please make sure that you are registering CSS files using a <link href...> tags instead of a <script src...> tag:

    <head>
        <title>@ViewBag.Title</title>
    <link rel="stylesheet" href="@Url.Content("~/Content/kendo/kendo.common.min.css") " />
    <link rel="stylesheet" href="@Url.Content("~/Content/kendo/kendo.default.min.cs s")" />
        
    <script src="../../Content/kendo/kendo.common.min.css"></script>
        <script src="../../Content/kendo/kendo.default.min.css"></script>
        <script src="@Url.Content("~/Scripts/kendo/jquery.min.js")"></script>
        <script src="../../Scripts/kendo/kendo.all.min.js"></script>
        <script src="../../Scripts/kendo/kendo.aspnetmvc.min.js"></script>
    </head>

    Here is a detailed step-by-step information on creating a new MVC3 application:

    http://docs.telerik.com/kendo-ui/aspnet-mvc/asp-net-mvc-3#telerik-ui-for-aspnet-mvc-in-mvc-3-applications

    I hope this helps.

    Regards,
    Dimiter Topalov
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top