Telerik control RRS feed

  • Question

  • User2131862557 posted

    hello to every one ,I m new here,

    can any one tell me ho to use telerik control with mvc 5 , I do not  want to buy it or download whole ,just want to use script files as necessary files for below purpose

    1. grid
    2. textboxes
    3. drop down
    4. chart
    5. label
    6. etc etc

    still I did not find as start up link ,for integration with mvc 5 and vs 2013

    Monday, January 1, 2018 12:42 PM


All replies

  • User-474980206 posted
    Try their docs.


    Monday, January 1, 2018 7:26 PM
  • User2131862557 posted

    how much space will it occupied ??

    Tuesday, January 2, 2018 6:59 AM
  • User1400794712 posted

    Hi dua,

    If you just want to use JavaScript for Telerik, you can refer to kendo-ui( https://demos.telerik.com/kendo-ui/ ). There are many demos in it, I also make a demo about Grid in MVC, you can take it as a reference.


    public class Contact
        public string ContactName { get; set; }
        public string ContactTitle { get; set; }
        public string CompanyName { get; set; }
        public string Country { get; set; }
    public ActionResult KendoDemo()
        return View();
    public ActionResult KendoData()
        var list = new List<Contact>
            new Contact{CompanyName="A",ContactName="aa",ContactTitle="aaaaaaa",Country="AA"},
            new Contact{CompanyName="B",ContactName="bb",ContactTitle="bbbbbbb",Country="BB"},
            new Contact{CompanyName="C",ContactName="cc",ContactTitle="ccccccc",Country="CC"},
            new Contact{CompanyName="D",ContactName="dd",ContactTitle="ddddddd",Country="DD"},
            new Contact{CompanyName="E",ContactName="ee",ContactTitle="eeeeeee",Country="EE"},
            new Contact{CompanyName="F",ContactName="ff",ContactTitle="fffffff",Country="FF"},
        return Json(list,JsonRequestBehavior.AllowGet);


    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.common.min.css" />
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.blueopal.min.css" />
    <style type="text/css">
        .customer-photo {
            display: inline-block;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background-size: 32px 35px;
            background- center;
            vertical-align: middle;
            line-height: 32px;
            box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
            margin-left: 5px;
        .customer-name {
            display: inline-block;
            vertical-align: middle;
            line-height: 32px;
            padding-left: 3px;
    <div id="example">
        <div id="grid"></div>
    @section scripts{
        <script src="http://kendo.cdn.telerik.com/2017.3.1026/js/kendo.all.min.js"></script>
                $(document).ready(function () {
                        dataSource: {
                            transport: {
                                read: '@Url.Action("KendoData")'
                            pageSize: 20
                        height: 550,
                        groupable: true,
                        sortable: true,
                        pageable: {
                            refresh: true,
                            pageSizes: true,
                            buttonCount: 5
                        columns: [{
                            template: "<div class='customer-photo'" +
                            "style='background-image: url(../content/web/Customers/#:data.CustomerID#.jpg);'></div>" +
                            "<div class='customer-name'>#: ContactName #</div>",
                            field: "ContactName",
                            title: "Contact Name",
                            width: 240
                        }, {
                            field: "ContactTitle",
                            title: "Contact Title"
                        }, {
                            field: "CompanyName",
                            title: "Company Name"
                        }, {
                            field: "Country",
                            width: 150

    How it works:

    Best Regards,


    Tuesday, January 2, 2018 7:37 AM
  • User2131862557 posted

    thanks daisy for ur reply , but please also mention that only mentioned js and script files required for all like drop down ,lable etc etc .

    Tuesday, January 2, 2018 2:36 PM
  • User2131862557 posted

    also I  find that in ur link that u suggested <textarea is present ,what if I need only textbox and label .?I did no find over there

    Tuesday, January 2, 2018 4:21 PM
  • User1400794712 posted

    Hi dua,

    Other tags just use the same js files. 

    also I  find that in ur link that u suggested <textarea is present ,what if I need only textbox and label .?I did no find over there

    What do you mean for textarea? Please mention where you find it. And what do you need with textbox and label? Please post more details here and then I can understand your problem better.

    Best Regards,


    Wednesday, January 3, 2018 9:32 AM
  • User2131862557 posted

    for example if  I have form where label and textbox

    Enter student name for label

    input box for inputting student name

    Wednesday, January 3, 2018 11:12 AM
  • User-1768369891 posted


    for example if  I have form where label and textbox

    Enter student name for label

    input box for inputting student name

    Everything about kendo control you can get from its website.  

    Check out some url related to Asp.Net MVC implementation 



    below url for make input box for taking input as student name(Set your watermark on text box) 



    Remember before use telerik control first read its license terms, as i know you can't use it on own business just you can use it in personal website, because its third party control. 

    Instead of telerik many other component you can use JQuery UI. 



    same thing you can used with other control.  


    Wednesday, January 3, 2018 11:54 AM
  • User1400794712 posted

    Hi dua,

    In the following links, there are many functions for textbox and label, I'm not sure what function do you need with textbox and label, so please refer these links to check if they can meet your need.





    Best Regards,


    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Thursday, January 4, 2018 11:01 AM