Stack Overflow
Stack Overflow

Questions tagged [kendo-ui]

Kendo UI is a framework to build HTML UI. It delivers everything needed for client-side, jQuery-powered development in one integrated, compact package, complete with AngularJS integration.

Kendo UI is a framework to build HTML UI. Following the latest HTML5, CSS3, and JavaScript standards, it delivers everything needed for client-side, jQuery-powered development in one integrated, compact package, complete with AngularJS integration and Bootstrap support. It is created by Telerik. It is comprised of an open source Core, and a commercial set of enterprise grade features :

Kendo UI Core

Contains 40 web widgets, all of the mobile widgets as well as the mobile application framework, and the core functionality of Kendo UI framework, including the DataSource component, templates, drag-and-drop, and themeable widgets with integrated animations as well as AngularJS directives.

Kendo UI Professional

Includes all of Kendo UI Core, as well as professional grade widgets such as the Grid, Scheduler, PivotGrid, Editor, TreeView and more It also includes a complete data visualization package containing charts, graphs, gauges, maps, diagramming tools and a drawing API

Resources:

  • Kendo UI Docs: API reference, FAQ and tutorials
  • Kendo Dojo: An interactive, in-browser tutorial to help quickly learn Kendo UI
  • Kendo Forums: The official Kendo UI forums
  • Kendo UI Demos: Demonstrations and code examples of the major features of Kendo UI

Component-specific tags

Other related tags

16785 questions
3
votes
1 answer

How to set initial grouping for a Kendo grid

So I've got the following piece of code working server side using Kendo Grid. However, I am confused on the next step. How do I set the grid to initially group by Income_Party? Also is it possible to add in a total amount per…
Anno
  • 85
  • 3
  • 15
3
votes
3 answers

Trim textboxes and texareas on submit prevent form to submit

I am trimming all textboxes and textareas on submit. It does not work for all view pages. I have taken simple html inputs + kendo DropDownList + kendo AutoComplete in my form. Below is my submit method which doesn't work, when there are Kendo UI…
Dhwani
  • 7,484
  • 17
  • 78
  • 139
3
votes
1 answer

Kendo UI MVC Autocomplete server filtering after user stop typing

I am using Kendo UI autocomplete in my asp.net mvc application, Kendo autocomplete callbacks the server method on each key strock which over heads the server requests. Is there any way to manually callback the server using autocomplete to get the…
Hiren Kagrana
  • 912
  • 8
  • 21
3
votes
1 answer

building kendo ui with gulp

I am attempting to integrate kendo into my site, and one of the processes I need to do is to build it with gulp.js. I notice that kendo already has grunt.js support, but that isn't what I am using; I tried to reverse engineer its own gruntfile.js to…
Ciel
  • 4,290
  • 8
  • 51
  • 110
3
votes
1 answer

Adding Request Headers to the XmlHttpRequest with Kendo UI Upload control

I'm trying to use the code provided by Telerik to add request headers to the XHR, but I'm getting the following error. "0x800a139e - JavaScript runtime error: InvalidStateError" Here is the code $(document).ready(function () { …
johnway2
  • 91
  • 4
3
votes
3 answers

Kendo Grid: Toolbar template issue

I have a grid that lists Road information and want a Toolbar Template that will allow me to filter the roads by choosing a Concession from a DropDownList. Something like this My code: CSHTML
…
chiapa
  • 4,362
  • 11
  • 66
  • 106
3
votes
1 answer

Kendo DateTimePicker set value from json result

I have a big trouble with pasting a value in Kendo DateTimePicker inside Kendo Grid from json result. So I have two forms on page. In first I'm loading file: @using (Html.BeginForm("GetImportSalesModelFromFile", "ExportImport", FormMethod.Post, new…
Rock'n'muse
  • 263
  • 5
  • 7
3
votes
4 answers

How to freeze column header in KendoMVC Grid?

I have kendo MVC Grid and I have to set my page size to 50, so I need to freeze the column header while scrolling. The question is : How can I freeze the column header while scrolling ?
Besher
  • 550
  • 3
  • 8
  • 29
3
votes
3 answers

How to bind Kendo Grid with System.Data.DataTable at runtime

I need to open a Kendo Grid in popup on Button Click. On button click server returns DataTable which has dynamics column (i.e. 1 to n no. of columns).On button click i get DataTable using jQuery ajax call. But I am unable to bind that data. How to…
Sandy
  • 6,285
  • 15
  • 65
  • 93
3
votes
2 answers

MVC KendoUI cascading dropdownlists, on multiple parents

I have three column in kendoui grid as "Delivery Location", "PickUp location" and "Available Shipping Options". When either of the location column changed("Delivery location" or "Pickup location"), the "Available shipping options" column should be…
giparekh
  • 307
  • 5
  • 26
3
votes
2 answers

Unable to deserialize array via GET

I am using Kendo UI's DataSource to send sorting information to my ServiceStack service. I know that this has been addressed if you're using using POST, but I want to adhere to RESTful designs, so the request verb needs to be GET. I'm using this…
jklemmack
  • 3,518
  • 3
  • 30
  • 56
3
votes
2 answers

How to pass a parameter to the Read method of signalr transport for Kendo UI grid data source

I was looking at the demo: Telerik's Demo and this Telerik's Example I still cannot figure out how, using this technique, to pass a parameter to the Read method, so instead of reading ALL games or products, it reads ONLY a subset of games or…
user3850896
  • 41
  • 3
3
votes
1 answer

kendo ui core trouble getting started

I am trying to get started with kendo ui core. I followed the instructions at http://docs.telerik.com/kendo-ui/getting-started/introduction?utm_source=telerik&utm_medium=email&utm_campaign=kuicore1 which say to include a link to the file…
bikeman
  • 41
  • 1
  • 3
3
votes
1 answer

Header and Footer Interchanged in KendoUi

My header and footer are interchanged i..e they are appearing in opposite places .Header at bottom and footer at top . I have no clue of what is going on as this is a very basic one. Here is my code` kProduct…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a> <a href="../../questions/tagged/jquery-mobile" class="post-tag grid--cell" title="show questions tagged 'jquery-mobile'" rel="tag">jquery-mobile</a> <a href="../../questions/tagged/kendo-ui" class="post-tag grid--cell" title="show questions tagged 'kendo-ui'" rel="tag">kendo-ui</a> <a href="../../questions/tagged/telerik" class="post-tag grid--cell" title="show questions tagged 'telerik'" rel="tag">telerik</a> <a href="../../questions/tagged/kendo-mobile" class="post-tag grid--cell" title="show questions tagged 'kendo-mobile'" rel="tag">kendo-mobile</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jul 05 '14 at 07:14">asked Jul 05 '14 at 07:14</time> <a href="../../users/2221214/user2221214" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2221214.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="user2221214" /> </a> <div class="s-user-card--info"> <a href="../../users/2221214/user2221214" class="s-user-card--link">user2221214</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">133</li> <li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li> <li class="s-award-bling s-award-bling__bronze" title="13 bronze badges">13</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-24574443"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>3</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status answered-accepted"> <strong>4</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/24574443/how-can-i-force-kendo-grid-to-use-a-numeric-filter-on-a-column" class="question-hyperlink">How can I force Kendo Grid to use a numeric filter on a column</a></h3> <div class="excerpt">Using the following code, Kendo Grid uses the string filter interface for t.Files.Count even though the type is an int. How can I force the grid to use the numeric filter UI instead? @(Html.Kendo().Grid<GJW_Site.Web.Models.TargetsModel>() …</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/c#" class="post-tag grid--cell" title="show questions tagged 'c#'" rel="tag">c#</a> <a href="../../questions/tagged/kendo-ui" class="post-tag grid--cell" title="show questions tagged 'kendo-ui'" rel="tag">kendo-ui</a> <a href="../../questions/tagged/kendo-grid" class="post-tag grid--cell" title="show questions tagged 'kendo-grid'" rel="tag">kendo-grid</a> <a href="../../questions/tagged/kendo-asp.net-mvc" class="post-tag grid--cell" title="show questions tagged 'kendo-asp.net-mvc'" rel="tag">kendo-asp.net-mvc</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jul 04 '14 at 12:33">asked Jul 04 '14 at 12:33</time> <a href="../../users/977032/rob-church" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/977032.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Rob Church" /> </a> <div class="s-user-card--info"> <a href="../../users/977032/rob-church" class="s-user-card--link">Rob Church</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">6,783</li> <li class="s-award-bling s-award-bling__gold" title="3 gold badges">3</li> <li class="s-award-bling s-award-bling__silver" title="41 silver badges">41</li> <li class="s-award-bling s-award-bling__bronze" title="46 bronze badges">46</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="s-pagination pager fr"> <a class="s-pagination--item" href="../../questions/tagged/kendo-ui_page=99" rel="prev" title="Go to page 99">Prev </a> <a class="s-pagination--item" href="../../questions/tagged/kendo-ui_page=1" rel="" title="Go to page 1">1</a> <a class="s-pagination--item" href="../../questions/tagged/kendo-ui_page=2" rel="" title="Go to page 2">2</a> <a class="s-pagination--item" href="../../questions/tagged/kendo-ui_page=3" rel="" title="Go to page 3">3</a> <div class="s-pagination--item s-pagination--item__clear">…</div> <a class="s-pagination--item" href="../../questions/tagged/kendo-ui_page=99" rel="" title="Go to page 99">99</a> <div class="s-pagination--item is-selected">100</div> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>