"Bare-bones Kendo": project template? Guide?

2 posts, 0 answers
  1. John
    John avatar
    9 posts
    Member since:
    Sep 2013

    Posted 11 Aug 2016 Link to this post

    Hello all.

    I'm looking to create a bare-bones, Kendo-powered front end for a web application.  The back end is already written (in MS Web API), and for deployment and infrastructure reasons, I'd like to keep the API project and the front-end project separate and distinct.

    I'm looking for either a VS solution template or a guide for a minimal front end.  The only KendoUI project template I see includes MVC, and is over 80MB in size with several hundred (if not thousands) of files.  I'm trying to avoid bloating the solution with functionality we don't intend to use.

    Is there an up-to-date resource to accomplish what I'm trying?



  2. Vladimir Iliev
    Vladimir Iliev avatar
    2190 posts

    Posted 15 Aug 2016 Link to this post

    Hi John,

    If you need only Kendo UI on the front-end without the MVC wrappers than you can simply include the KendoUI scripts and styles in the target project. Such setup could be as simple as:

    <!DOCTYPE html>
            <title>Welcome to Kendo UI!</title>
            <!-- Common Kendo UI CSS for web widgets and widgets for data visualization. -->
            <link href="styles/kendo.common.min.css" rel="stylesheet" />
            <!-- (Optional) RTL CSS for Kendo UI widgets for the web. Include only in right-to-left applications. -->
            <link href="styles/kendo.rtl.min.css" rel="stylesheet" type="text/css" />
            <!-- Default Kendo UI theme CSS for web widgets and widgets for data visualization. -->
            <link href="styles/kendo.default.min.css" rel="stylesheet" />
            <!-- (Optional) Kendo UI Hybrid CSS. Include only if you will use the mobile devices features. -->
            <link href="styles/kendo.default.mobile.min.css" rel="stylesheet" type="text/css" />
            <!-- jQuery JavaScript -->
            <script src="js/jquery.min.js"></script>
            <!-- Kendo UI combined JavaScript -->
            <script src="js/kendo.all.min.js"></script>
            Hello World!

    For more information on the matter I would suggest to check the following help articles:
    Another option is to use the Kendo UI Scaffolder for Visual Studio in the project where the WebAPI controllers are held and then move the generated configuration in the new project. For more information about the scaffolder you can check the following help article:

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