Kendo-Bootstrap Integration sample runs strangely

2 posts, 0 answers
  1. Ben Hayat
    Ben Hayat avatar
    902 posts
    Member since:
    May 2008

    Posted 19 Jun 2018 Link to this post

    Hello team;

    I have just downloaded the Kendo-Bootstrap Integration from Gitub (https://github.com/telerik/core-bootstrap-demo) and loaded into VS2017.
    I'm running .Net core2.1 and have the latest Kendo ASP Core version (R2 2018).

    When I run it, the form that shows up, tabs don't work, drop downs don't work, many sections don' show up here is a screen shot.
    I looked at the index view and everything seems in order. But the one from the website runs properly.

    What's the problem?
    Note: VS2017 still runs Bootstrap 3.3.7

     

  2. Dimitar
    Admin
    Dimitar avatar
    729 posts

    Posted 21 Jun 2018 Link to this post

    Hello Ben,

    I have investigated the described solution and it seems like the scripts and styles references in the Layout.cshtml files are wrong. Please update them to the latest version and the application will be initialized successfully:
    <head>
        <title>Kendo UI ♥ Twitter Bootstrap: Responsive demo</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <link href="~/css/bootstrap.min.css" rel="stylesheet" />
        <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script src="~/js/theme-chooser.js"></script>
        <link rel="stylesheet" href="~/css/styles.css" />
        <!--[if lt IE 9]>
            <script src="vendor/html5shiv.js"></script>
            <script src="vendor/respond.min.js"></script>
        <![endif]-->
    </head>

    We will update the GitHub repository with the specified change accordingly.

    In case you have any additional questions, please let me know.

    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top