FAQ Database Discussion Community


array from javascript to controller java in kendo ui

kendo-ui,kendo-grid
I have a grid in kendo ui with batch editing and I need pass a array to my controller when user clicks update. I have the follow code: index.jsp: parameterMap: function(data, type) { if (type != "read") { data = data.models; } return data; } Controller.java: @Post @WithoutRoot public void...

Updating the custom header of Kendo Scheduler control - dateHeaderTemplate

javascript,kendo-ui
I have written custom header for Kendo Scheduler. Which rendered as below The code used to arrive at above UI is below and worked like charm.(thanks to Dion Dirza), <script id="tmpDateHeader" type="text/x-kendo-template"> <span class="k-nav-day" data-dt="#=kendo.toString(date, 'dd/MM/yyyy')#"> <u>#=kendo.toString(date, "dd/M")#</u> - ({dc}%) </span> </script> $("#scheduler").kendoScheduler({ dateHeaderTemplate: kendo.template($("#tmpDateHeader").html()) } Issue Now, I am...

How to hide columns in Kendo Grid when editing in a popup

asp.net-mvc,kendo-ui,kendo-grid,kendo-asp.net-mvc
I use Telerik Kendo Grid editing-inline. I want to hide certain columns when editing popup the number of columns....

Kendo UI Chart X-Axis in hours

javascript,charts,kendo-ui,azure-api-apps
Here is my sample data: [ { "EventDate": "2015-06-03T07:00:00Z", "Average": 5.4, "Minimum": 0, "Maximum": 0, "WebsiteName": "microsoft.com", "PageName": "About" }, { "EventDate": "2015-06-03T08:00:00Z", "Average": 4.7, "Minimum": 0, "Maximum": 0, "WebsiteName": "microsoft.com", "PageName": "About" }, { "EventDate": "2015-06-03T09:00:00Z", "Average": 5.9, "Minimum": 0, "Maximum": 0, "WebsiteName": "microsoft.com", "PageName": "About" }, { "EventDate":...

Kendo chart x-axis not displaying with given data

javascript,asp.net-mvc,kendo-ui,kendo-dataviz
I'm trying to render a chart based on this example. I'm receiving data from a json which is formatted like so: [{"date":"2015/06/01","count":4588}] However, even with this given data, when I try to get dates to be displayed on the x-axis using categoryFields nothing is displayed. Any help is greatly appreciated....

kendo window doesn't fire ng-controller in remote content file

angularjs,kendo-ui,kendo-window
http://plnkr.co/edit/waprosDnTh1c8zxHNkPN?p=preview I have a button that calls showNewDialog() when clicked. It launches a new kendo window loading from a remote content file. However, if I specify an ng-controller attribute in a div inside the remote content file, it doesn't seems to fire the ng-controller. From the remote content file, I...

how to find class of a span used in of a kendo grid

javascript,jquery,kendo-ui,kendo-grid
I have kendo grid with large no of rows.In some of the rows few keywords are highlighted, ex: row: shubham, gupta, is a student the word student has been highlighted by adding a css class(highlight) to it. On inspection from chrome it looks like this : <tr data-uid="35495e0b-7e1b-45e3-8058-562c97d2b24d" role="row"> <td...

Bar graph Stack data on the top of each other

javascript,kendo-ui,kendo-chart
I am using this chart implementation. However, it disperse my data rather than stack on the top of each other. I want to stack my first array on 1970, the second one on 1975. In other words, I would like to have two stacked bar rather than have five. I...

KendoGrid inline editing with dynamic drop down lists

kendo-ui
In this demo, if you click on the category, you'll see a dropdown list to choose the value. What I need is to have the values of the dropdown list depend on a condition, so when you open the dropdown list on different rows you may get different lists. At...

Filter kendo dropdownlist to remove options

javascript,jquery,asp.net-mvc,kendo-ui,kendo-dropdown
I want to filter security questions such that if I select questiona from the list of questions, for the next questions, I no longer see questiona in the list of security questions. This is to prevent duplicate selection of security questions. Here's a jsfiddle with a pure jquery implementation: http://jsfiddle.net/jbfbxvoo/...

kendo window fill parent

jquery,kendo-ui,kendo-window
I'm trying to create a custom action 'fillParent' for kendo dialog. var dialog = $('#dialog').kendoWindow({ actions: [ 'FillParent', 'Minimize', 'Maximize' ] }); //FillParent definition dialog.wrapper.find(".k-i-fillparent").click(function(e){ e.preventDefault(); dialog.setOptions({ width: $(".content").width(), height: $(".content").height(), position: { top: 0, left: 0 } }) }); This works only the first time I click on fill...

Kendo dropdown with ng-options instead of DataSource

javascript,angularjs,kendo-ui,html-select,angular-directive
I've got a dropdown list defined using angular like this: <select class="form-control" ng-model="controller.selectedUser.superiorId" ng-options="superior.userId as superior.lastName + ' ' + superior.firstName for superior in controller.superiors | orderBy:['lastName', 'firstName']"></select> This works fine, however I want to show a little image next to the entries and so I'm trying to convert this...

Set default attribute for all Kendo UI Grids

javascript,kendo-ui,kendo-grid
I have a Web Site containing multiple Kendo UI Grids. I have now been asked to remove the scrollbar from each of these grids. I know there's a config attribute scrollable that I could change to false in order to achieve this. However, I would like to avoid adding this...

How to find all the expanded or collapsed rows in Kendo UI grid hierarchy?

javascript,jquery,asp.net-mvc,kendo-ui
How to find all the expanded or collapsed rows in Kendo UI grid hierarchy? I can find the count of all the masterrow using below code but I want to interate through each and check which all are expanded. var grid = $("#gridList").data("kendoGrid"); var allMasterRows = grid.tbody.find('>tr.k-master-row') I have tried...

Kendo Datepicker converting to jQuery post a date value

jquery,asp.net,asp.net-mvc-4,kendo-ui,kendo-asp.net-mvc
In javascript I get the date from my kendo datetime var myDate = $("#mydate").getKendoDatePicker().value(); (Looks like this) Fri May 29 2015 00:00:00 GMT-0700 (Pacific Daylight Time) Then I try to post it to ASP.NET MVC using jQuery: $.ajax({ type: "POST", url: "/HeaderData", data: myDate, success: successHeaderData, dataType: 'json' }); But...

How to create a hyperlink using the id of an item in a client template on Kendo Grid

asp.net-mvc,kendo-ui
So I have a Kendo Grid using the 'Hierarchical' mechanism. When I come to my Client Template portion, I'm doing this: .Columns(column => { column.Bound(o => o.Id).Width(110); column.Bound(o => o.Title); column.Bound(model => model.Id) .ClientTemplate(String.Format("<a href=\"{0}\" data-title=\"View Stuff\" class=\"stuff\"><i class=\"glyphicon glyph-btn directory\">Stuff</i></a>", Url.Action("Details", "Stuff", new { Id = "#=Id#" }))) .Width(40)...

Click on y (value Axis) title label (text)

javascript,kendo-ui,kendo-chart
I have implemented the following code which allows user to click on y axis itself (value Axis, numeric axis) with using axisLabelClick event. chart.bind("axisLabelClick", clickEvent); chart.options.axisLabelClick = clickEvent; function clickEvent (e) { if (e.axis.type = "numeric") { if (!self.isClick) { self.isClick= true; } else { self.isClick= false; } } }...

How to Pass Kendo DropDownList DataTextField value to Controller

asp.net-mvc,kendo-ui,kendo-asp.net-mvc,html.dropdownlistfor,kendo-dropdown
I have a Kendo DropDownList on the View and I want to pass its DataTextField value to the Controller and then pass and them on the labels in another View. Although I can pass DataValueField values to the Controller, I cannot pass DataTextField values. I tried to apply different scenarios...

Legend Label Customizaton not working in Model Controller

javascript,kendo-ui,kendo-chart
Based on the following implementation, I could able to customize legend labels, it works when I put in my viewcontroller series: [{ field: "value", name :"#= group.items[0].fname || group.items[1].fname#" }], However, when I put in my model view controller, then it does not work. chart.setDataSource(theDataSource); chart.options.series.name = "#= group.items[0].fname ||...

How to get name of the kendo window in the close event

javascript,kendo-ui,kendo-window
I create several instance of a generic window and all of them have an event handler for their close event. How can I get their ID or Name in this event? Something like: var name = this.wrapper.name(); ...

How can i avoid conflicts of two css frameworks?

css,kendo-ui,zurb-foundation
I am using Foundation CSS framework and Kendo UI grid in my project The Kendo UI grid sometimes overridden by foundation CSS thing. How can I avoid this conflicts?...

How do I check specific data when reading in data from a remote source with kendo.data.datasource

kendo-ui,telerik,kendo-mobile,kendo-datasource
I am using Telerik Platform to build a hybrid news app. I am pulling in data remotely and I have everything working correctly, but now I need to check to see for featured stories and move them into an variable. I have the data pulling into like this: viewModel =...

KendoUI Grid - Complex JSON with inconsistent keys

javascript,json,kendo-ui,kendo-grid
I know this is probably been asked before, but having tried to find an answer - I am guessing either I am not comprehending some of the answers right, or I am looking at the problem all wrong. I am using a complex SLC loopback query - and the api...

How to add holidays to kendo scheduler?

kendo-ui,kendo-scheduler
Is anybody know how to add holidays to kendo scheduler? I mean in a holiday user shouldn't be able to add any events....

How to programically collapse or expand Kendo Grid Group by values in row

jquery,asp.net-mvc,kendo-ui,kendo-grid
I have a requirement to default a grouped grid to collapsed state UNLESS it contains a row with a certain value (Status == "Closed"). I got this far but fell down because the dataView only contains an array of rows of the grouped field not the rows as I've seen...

Custom Legend Label

javascript,kendo-ui,kendo-chart
I have the following implementation, it works and functional. However I would like to assign fname attribute as a legend, not series attribute. I believe that I need to work on the following line of code, but I could not able to figure out yet. var label = new kendo.drawing.Text(e.series.name,...

Getting Kendo Grid from its DataSource

kendo-ui,kendo-grid
I'm writing a generic error handler for all of the Kendo Grids. I need to get that source Grid to prevent its default behavior in saving data. In the handler, you can access the source's DataSouce by args.sender. How can I access the Kendo Grid from that DataSouce? The only...

kendo combobox datasource filtering before bind is not working

kendo-ui,kendo-datasource,kendo-combobox
I am working on a web application using kendo UI. I have a kendo combobox and binding via remote datasource. I need to filter kendo combobox datasource before binding. here's my code: $("#abc").kendoComboBox({ dataSource:{ type: "odata", transport: { read: "http://demos.kendoui.com/service/Northwind.svc/Orders" }, filter: { field: 'Freight', operator: 'neq', value: 11.61 }...

How do I Change window size on kendo grid editor template?

kendo-ui,kendo-grid
I have a editor template for my kendo grid defined as <script id="my-editor-template" type="text/x-kendo-template"> <div class="k-edit-label"> <label for="ContactName">Contact</label> </div> <div data-container-for="ContactName" class="k-edit-field"> <input type="text" class="k-input k-textbox" name="ContactName" data-bind="value:ContactName"> </div> <!-- more fields, etc --> </script> In my grid definition, I definte editable like this: editable = { mode: 'popup', template:...

How to add Cross close button to a dynamic generated kendo tabstrip

javascript,jquery,kendo-ui
I am currently able to create kendo tab dynamically and have external button to remove the tab. Here is my sample code // Create Main Tab tabStrip = $("#tabstrip").kendoTabStrip({ animation: { open: { effects: "fadeIn" } } }); tabStrip = $("#tabstrip").data("kendoTabStrip"); tabStrip.select(0); To create new tab tabStrip.append({ text: "My Title",...

Format Kendo grid column filter for percentages

javascript,kendo-ui,kendo-grid,kendo-datasource
I have a kendo grid and my datasource data returns number with unknown decimal places. So I'm using a parse function on the datasource to compensate for that. DefaultMonoCPP: { editable: false, type: "number", parse: function(e) { return kendo.parseFloat(kendo.toString(e,"p4")); } } Now when I filter, I don't want it to...

kendo ui widget doesn't work in partial view after post-back

javascript,jquery,ajax,asp.net-mvc,kendo-ui
I load a partial view into kendo-ui window widget via jquery ajax , and no problem , public ActionResult Create() { return PartialView("_Create"); } public ActionResult Create(CreateObjectViewModel viewModel) { if(ModelState.IsValid) { //Persist to database ... return Json(new {success=true}); } return PartialView("_Create",viewModel); } All kendo ui widgets works fine , after...

Serializing objects bigger than 2MiB to Json in Asp.net

c#,asp.net,json,kendo-ui
We are currently doing Performance tests to determine, if Kendo UI is fast enough for our needs. For that we need to perform tests with a large database (~150 columns and ~100,000 rows). Table rows should be read by a Kendo UI Grid using ajax calls, which return the data...

Emptying a grid in kendo UI after receiving erroneous data

javascript,ajax,kendo-ui
The kendoUI grid on which I am working on is refreshed when you pass new data with the datasource, which is fine, but I need to empty it when an error or an action occurs. So, how can I empty and refresh the kendoUI grid manually. Thanks in advance...

Displaying data object in wrong category

javascript,kendo-ui,kendo-chart
I have the following implementation: http://jsfiddle.net/c1dfuj1s/3/ I have two catgeories : 1970 and 1975. My question is that even though I am adding a data to 1975, but it adds to 1970. { "series": "item6", "category": "1975", "value": 105 }, ...

Assigning DataSource from Modal Controller

javascript,kendo-ui,kendo-chart
I have the following code in my model controller. Even though I have a series of objects in the data, however it does not show/update the bar column on the chart. I wonder where am I doing wrong or missing? Model.js var theDataSource = new kendo.data.DataSource({ data: allData, group: {...

kendo - datasource - parameterMap does not bind parameters

javascript,kendo-ui,kendo-grid,url-parameters,odatacontroller
I'm not sure if I'm doing this right, as I'm new to whole these systems, but I want to manage my kendo grid data (pagination, filters, etc). I'm using this ODataController in ASP.NET Web API 2, driven from version 4 of OData package, which support parameters like: $top, $skip, $count,....

Legend Duplication

javascript,kendo-ui,kendo-chart
I have the following implementation and it is functional. I wonder how I could able to fix duplicate of legend in my current implementation. Please watch fname="NY" for (var i=0;i<e.series.data.length;i++){ if (e.series.data[i].valueColor != "" && e.series.data[i].fname != "") { color = e.series.data[i].valueColor, legendName=e.series.data[i].fname } } FIDDLE...

How do I reference a specific cell in kendo grid with javascript?

javascript,kendo-ui,kendo-grid,kendo-asp.net-mvc
Right now I have a kendo grid with 2 rows and 6 columns. I need some logic to highlight a specific cell but I don't know how to reference a cell. I used this example but I don't know what to pass in as the id. myHub.client.highlightRow = function (id)...

AutoComplete control calling controller with null value

c#,asp.net-mvc,kendo-ui,kendo-asp.net-mvc,kendo-autocomplete
I'm trying to use the Kendo UI Autocomplete control with server filtering, but have run into a problem. While my callback function appears to pull the correct text from the form, it consistently passes a null to the controller method. I can't see any significant way in which my code...

Setting options of a Kendo Grid that is inside an Editor Template

kendo-ui,kendo-grid,kendo-asp.net-mvc
Inside the editor template of one of my Grids, A, I have another grid, B. I want to set read and update actions of this Grid based on the current Id in the A. I've tried using Razor code inside the editor template like this: // details grid: B .Read("action",...

How to save multiple files to database rather than disk

asp.net-mvc,file-upload,kendo-ui,jquery-file-upload,kendo-upload
I tried to apply the method on this page, but this sample save the files to disk instead of Database. So, could you please inform me what changes should be made on the sample method or is there any sample using this Kendo Upload to save multiple files to database?...

KendoUI stockchart marker plotting issue respect to axes

charts,kendo-ui
I am trying to create a stockchart using kendoUI. Things are working fine but with some issues. Plotting of marker is not as expected. It is not placed on the desired point on chart area. Here is the code I have been done for it: $($context).kendoStockChart({ dataSource : { data...

Kendo Date to Date Time

html,css,angularjs,kendo-ui,datepicker
I am switching between a Kendo Date-Time picker and a Kendo Date Picker. The Picker alternates between the two depending on if the user has selected "All Day" - which then only the Date Picker is shown. However, when switching from the Date-Picker, to the Date-Time picker, if one alters...

How to make popup window footer unscrollable

css,asp.net-mvc,html5,kendo-ui,kendo-asp.net-mvc
I have a Kendo Window in my project and I populated some fields in it. Although the header act as I want, the scrollbar overflow to footer. I want the window content is scrollable except from Header and Footer as indicated on the image below (footer to be visible as...

TypeError: kendoWindow is not a function

jquery,css,xslt,kendo-ui
I'm trying to resolve a client-side issue that has me scratching my head. What happens is, on my form, I click a button to open a window, and I get the dreaded "TypeError: kendoWindow is not a function" error. There are a few things I should mention about this environment...

How to mark Kendo Grid's cell as edited?

kendo-ui,kendo-grid,kendo-asp.net-mvc
I'm dynamically editing some fields using JavaScript. But the problem is Kendo's dataSource doesn't recognize them as changed cells. Grid's edit mode is InCell. This is my current JavaScript code: tablesGrid.tbody.find("input[type='checkbox']").each(function () { $(this).on('change', function () { var isChecked = $(this).prop('checked'); var dataItem = tablesGrid.dataItem($(this).closest('tr')); var currentTr = $(this).closest('tr'); var...

Kendo Template source binding array creates double entries

javascript,jquery,kendo-ui,kendo-mvvm,kendo-template
I am using a Kendo template with an array to dynamically add rows to a form, however, when I push an item onto the array, it adds two rows, both bound to the same data object in the MVVM (so with two objects, there are four rows). I've run the...

how to save a pdf to folder in root directory and return it to client

c#,kendo-ui,stream,asp.net-mvc-5.1
I am using kendo-ui chart export to pdf function. i am using a MVC controller to return it to the client, this works fine. I would like to also save the pdf into a folder as well. can i do both at the same time? [HttpPost] public ActionResult Save(string contentType,...

Kendo UI ASP.NET MVC ListView fails when trying to add or edit items

c#,asp.net-mvc,listview,razor,kendo-ui
I'm struggling to set up a ListView which allows me to add new records and to update existing ones. Loading the items for the list works like a charm. Also showing the only relevant information Id and Line works perfectly. Two problems: 1. Adding a new item to the list:...

Highlight clicked bar series

javascript,kendo-ui,kendo-chart
Is there any built in method in kendo when user clicks on the bar chart item, then it will highlight all corresponding items? For example in the following fiddle, there are five items. If I click item1 in the first bar (1970), it should highlight item1 in second bar (1975)....

Add a hyperlink to grid column

c#,asp.net-mvc,kendo-ui,kendo-grid
I'd like to have a link on the FileName column, so users can click and open a PDF file (no download, only open to view). This is what I have tried, but I don't know how to pass the file name to the server function. columns.Bound(p => p.FileName) .ClientTemplate( "<a...

Kendo UI scheduler error in event Image

kendo-ui,kendo-scheduler
I have added image property to the event and change the event template to show image in the event. please check demo application. when I double click on the event, it will open edit event popup without an issue. but if I double click on empty area to add a...

how to reuse kendo-ui window jquery

javascript,jquery,kendo-ui,kendo-ui-window
I have seen some posts about this issue but I am getting a actual error instead of it just not opening. the window opens successfully on a success function. however i am receiving the error message after I close it and then try to reopen it. Error Message Uncaught TypeError:...

Kendo TreeList - adding and updating rows

kendo-ui,treelist
I am using Kendo TreeList to display hierarchical data. Application allows user to add new rows to the displayed data, or edit existing ones. I am not using inline editing. Right now I add new rows by this piece of code: treeList.dataSource.data().push(vm); And if user edited some row, it is...

Select tabs using right click in Kendo Tabstrip

kendo-ui
I need to select tabs in Kendo Tabstrip (see demo here) using right click in addition to left click. Is this possible?

conditionally applying class while expanding row in kendo grid

javascript,jquery,kendo-ui,kendo-grid
In dataBound function of my Kendo grid i want to make condition, if master row, from header is expanded, apply class "customClass" to this row. I tried: $('.k-master-row.k-state-active td').each(function(){$(this).addClass('customClass')}) it doesn't work, there is no effect, in best case I can apply class to expanded row, no way to do...

kendo ui gird server paging send pageSize failed with asp.net web API

asp.net,asp.net-mvc,kendo-ui
I use below code to invoke web api to get the data, but how to send pagesize, skip to web api. $scope.consulationWorklist = { dataSource: new kendo.data.DataSource({ schema: { data: "consultationItems", total: "count" }, serverPaging: true, transport: { read: function (options) { $.ajax({ url: "http://localhost:61274/api/v1/consultation/search/result", dataType: "json", success: function (result)...

Series Hover to Highlight Border Color

javascript,kendo-ui,kendo-chart
I have the following implementation which actually highlight paired objects on the stacked bar chart. However, I would like to know whether or not there is a way to implement more pronounced highlight effect. For example make bar paired bar stacks border black when hover the mouse. seriesHover: function (e)...

Legend and Bar Chart Colors do not match

javascript,kendo-ui,kendo-chart
I have the following implementation and I used colorField to assign colors. However, even though I color the bar stack objects properly, but this color does not match with legend color. I thought it should be binded somehow, how should I fix it? I have used colorField, because I want...

How would I link to an external site from a cell in a kendo grid?

c#,asp.net-mvc-4,kendo-ui,kendo-grid
Just like the title says. I want to have a kendo grid with a column called Link. That column would need to dynamically generate a link to whatever address the user puts into it. I don't need to worry about error checking to ensure the link is valid, or anything...

How to get all the values of particular column of kendo grid?

javascript,kendo-ui,kendo-grid,kendo-ui-grid
i have kendo grid with 4 columns in it [mac,level,timestamp,message]. i need to store all the values under timestamp column in an array.I tried but couldn't find any way to traverse in a particular column. Any idea how to do this using java script?

MouseOver with Cursor Pointer on Y Axis

javascript,kendo-ui,kendo-chart
The following implementation shows mouseover event with cursor pointer on y axis title label. It works and functional. However, I want to implement mouseover event with cursor pointer on y axis (numeric axis) as well. CURRENT IMPLEMENTATION...

Kendo Sortable integrated with a grouped Grid

asp.net-mvc,kendo-ui,kendo-grid,kendo-asp.net-mvc,kendo-sortable
Here's my View, in which I have a Sortable that's integrated with a Grid. This works fine, but the problem is that the Grid is grouped. And, I want each group to have its own Sortable functionality, meaning that the user should not be able to drag and drop rows...

KendoUI Grid Handle click events for Column Headers

javascript,jquery,html,kendo-ui,kendo-grid
Im wanting to hook up a mouse down (both left and right click) event on the click of the grid column headers in a KendoUI grid object. Just wondering if anyone has any ideas on how to go about this?

how to change background color of kendo grids row using the row index

javascript,kendo-ui,kendo-grid
i need to change the color of kendo grids row by using it's index no. i tried using this but nothing happened. var gview = $('#SearchResult').data().kendoGrid;//searchresult is grid's id var dataRows = gview.items(); var rowIndex = dataRows.index(gview.select()); gview.tbody.find("tr:eq("+rowIndex+")").css("background-color", "green"); It's not throwing any error in debugger but not giving any...

Cannot show loading spinner on Kendo window

javascript,asp.net-mvc,kendo-ui,kendo-asp.net-mvc,popupwindow
I want to show a loading spinner on Kendo window by its default loading spinner. Could you please inform me about the mistake in my code? Thanks. View: @(Html.Kendo().Window() .Name("winCreate") .Visible(false) .LoadContentFrom("Create", "Issue") .Modal(true) .Actions(actions => actions .Close() ) ) <script type='text/javascript'> function createWindow() { var window = $("#winCreate").data("kendoWindow"); window.refresh({...

2 ViewModel in ASP.NET MVC

c#,asp.net-mvc,kendo-ui
Model: public class Order { [ScaffoldColumn(false)] public int Id { get; set; } public string UserName { get; set; } public int Amount { get; set; } [ScaffoldColumn(false)] public Guid UniqueId { get; set; } public DateTime CreateDate { get; set; } public string ManagerId { get; set; } }...

How to change color of row depending on a row's value in a Kendo UI Grid

kendo-ui,kendo-grid
I have a Kendo UI Grid, which contains four columns: Highlight MAC Time Message The Highlight column can contain the values "yes" or "no", and this column is hidden. I need to create a row template that will highlight (change the color or something) the row if the value is...

Kendoui Window set X and Y Position

kendo-ui,kendo-ui-window
How do I specifically set a kendo ui window to a location x, y Ive tried both .x and .left and .y and .right Neither of these seem to have any effect and I cant find anything online or in the docs....

Disable Tooltip Gradient

javascript,kendo-ui,kendo-chart
I would like to pass multiple parameters to the Tooltip, and I wrote the following code as a placeholder. However, my Tooltip background color does not uniform, there is gradient. How could I disable ? chart.options.tooltip.template = "Name : AnyName<br> First Value: Any Value 1 <br> Second Value: Any Value...

Mouse over event and cursor pointer on the line series

javascript,kendo-ui,kendo-chart
I have the following implementation and it is functional. When user clicks on the line series, then it loads another data. I want to give an impression to the first time user that line series clickable with implementing mouse over event and cursor: pointer. var isHover=false; function onClick (e) {...

Legend.labels.template implementation

javascript,kendo-ui,kendo-chart
My implementation has been working fine until I have added legend.labels.template = "# dataItem.fName # "; I want to format legend to make it same with tooltip. legend:{ visible:true, labels: { template: "#= dataItem.fname #" } }, Here is JSFIDDLE. In this fiddle, when you commented out legend.label.templates, then it...

knockout kendo events fires twice

javascript,knockout.js,kendo-ui
Hej, I have a problem here with the knockout-kendo framework. Every event gets fired twice. Can someone tell me whats wrong with my code? I created a small fiddle. var StoreViewModel = function () { var self = this; this.stores = ko.observableArray(stores); this.selectedStore = ko.observable(stores[0].Id); // this event fires twice,...

ASP.NET MVC With Kendo UI Grid Cannot Create Update and Destroy

asp.net-mvc,kendo-ui
I am trying to build ASP.NET App using Kendo UI and I face a problem when I want to Create, Update, and Destroy. There is no Error When I built it. It Display Well and when I try to add something, It goes as it should. It still Display what...

Format Date type using a function in Kendo Grid

kendo-ui,kendo-grid,kendo-asp.net-mvc
I have a function for date conversion, that accepts a datetime argument and returns string. How can I use this function to format Date columns in a Kendo Grid? I've tried the following codes, and none of them worked columns.Bound(x => x.ModifyDate).ClientTemplate(@Utility.GetPersianDate((DateTime)"#: ModifyDate #")); columns.Bound(x => x.ModifyDate).Template(@<text>@Utility.GetPersianDate((DateTime)@item.ModifyDate)</text>); columns.Bound(x => x.ModifyDate).Format(@Utility.GetPersianDate(Convert.ToDateTime("#:...

Change Corresponding Bar Stack Color

javascript,kendo-ui,kendo-chart
Currently I have the following implementation which assumes all items are different; in other words, there are no common/grouped objects in the dataset. It works fine. However, I would like to know what if there are two common/grouped objects in the dataset, is there a way to change the corresponding...

Bar Stack Category Column

javascript,kendo-ui,kendo-chart
I have the following implementation: http://jsfiddle.net/7dhb4jh0/1/ Even though I have data for men and women category, all data displayed in one column. Women category is missing. { "series": "item5", "category": "Men", "value": 54 }, { "series": "item7", "category": "Women", "value": 50 }, ...

How do I attach function to kendo grid after it initialized?

javascript,jquery,kendo-ui,kendo-grid,kendo-datasource
I have a Kendo Grid and I have JavaScript function “getFilters”. The “getFilters” function is scoped function defined in document ready. Currently the grid is calling “getFilters” like below. But this doesn’t work because “getFilters” gets initialized after the grid initialization. So im getting error 0x800a1391 - JavaScript runtime error:...

Button Not showing in Kendo Grid

asp.net,asp.net-mvc,kendo-ui,kendo-grid
I have a kendo grid that I'm using in asp.net MVC and the column won't display anything. It just returns empty. I don't see the input in code when I use developer tools either. columns.Template(@<text> <input type="button" class="btn btn-default" value="Tasks" onclick="window.location.href = '../..[email protected]'" /> </text>).HeaderTemplate(@<text>Tools</text>); }) I don't understand what...

Loading Animation Image Implementation

javascript,kendo-ui,kendo-chart
I have the following implementation, it works and functional. However I would like to add a loading animation with setup a 4 seconds. requestStart: function () { kendo.ui.progress($("#loading"), true); }, requestEnd: function () { kendo.ui.progress($("#loading"), false); } CURRENT IMPLEMENTATION I have came across the following fiddle, however I could not...

Kendo UI Grid column sorting refreshes entire page

kendo-ui,kendo-grid,kendo-asp.net-mvc
I have a page that contains two tabs. Tab one contains Kendo bar charts. Tab 2 contains a kendo grid for search results and two tabs that contain 1 kendo grid each for detail information. The "Change" event of the search results grid makes an ajax call to update the...

How can I make Kendo UI Panelbar “skip” an element when reading an HTML list?

html,knockout.js,kendo-ui,kendo-panelbar
I'm using Knockout.js 3.3 and utilizing components with custom elements. I am trying to use Kendo UI's Panelbar with that list. The only problem is, it fails (the nested <ul> won't expand) because my lists are in the following format: <ul> <sidebar-step> <li>some message <ul> <li>some sub message<li> <li>another sub...

How can I access non-route url parameters in an angular app?

javascript,angularjs,kendo-ui,angularjs-routing
I am adding an angular app to part of an existing page that uses a lot of kendo MVVM controls in an ASP.NET MVC app. Lucky me. I want to access a parameter from the URL route that is before the angular route. So for a module with: angular .module('myModule',...

Filtering a Kendo UI Grid in MVC with Remote Data Binding using controls outside of the Grid

javascript,c#,asp.net-mvc,kendo-ui
I am working on a project where the client wants to be able to have a "Control" on the page where the user can start typing and a data grid will filter with each keystroke. The filter should use the starts with operator, and removing all of the characters inside...

Kendo Scatter Chart - Reverse Dates in xAxis?

kendo-ui,kendo-dataviz,kendo-chart
I'm building a page with a Kendo scatter chart of data over time. The only catch is that the client wants the most recent data to the left. I've sorted the input datasource by date descending, but that seems to be blithely ignored, with the chart stubbornly plotting the data...

Loading Image Animation only once

javascript,kendo-ui,kendo-chart
I have the following implementation and it is fully functional. I need to show loading animation image first time only, my current implementation it shows loading animation all the time. var theDataSource = new kendo.data.DataSource({ transport: { read: function (op) { setTimeout(function () { op.success(data); }, 4000); } }, group:...

Is it possible to reorder Kendo Tabstrip tabs with drag and drop?

kendo-ui,kendo-tabstrip
Is is possible to reorder the tabs with drag and drop (see Kendo Tabstrip basic mode here)? Similar to dragging tabs in Excel.

Cursor clickable icon appear when mouse over event happened

javascript,kendo-ui,kendo-chart
I have the following implementation. When user clicks on the y axis title label, then message pop up. However, there is no indication for the first time user that shows y axis label clickable. Therefore I would like to know how to implement cursor clickable icon (hand icon) when mouse...

Kendo grid - adding column from nested dictionary

jquery,asp.net,asp.net-mvc,kendo-ui,kendo-grid
[Serializable] public class ContactDto { public int Id { get; set; } public string FirstName { get; set; } public string LastName { get; set; } public string CompanyName { get; set; } public Dictionary<string, string> CustomFields { get; set; } } I have the contactdto class above with...

Kendo UI TreeList Popup Dropdownlist

kendo-ui,telerik,kendo-asp.net-mvc,treelist
I have implemented a TreeList as per bellow. @(Html.Kendo().TreeList<Example.UI.ViewModel.Item>() .Name("ExampleItems") .Toolbar(toolbar => toolbar.Create()) .Columns(columns => { columns.Add().Field(p => p.Name); columns.Add().Field(p => p.Label); columns.Add().Field(p => p.Type); columns.Add().Field(p => p.InputType); columns.Add().Command(command => { command.Edit(); command.Destroy(); }); }) .Editable(e => e.Mode("popup")) .DataSource(dataSource => dataSource .Create(create =>...

Grid read action method is not hitting

c#,asp.net-mvc,kendo-ui,kendo-grid,kendo-asp.net-mvc
In my Kendo UI Grid the the read.action() method is not hitting. I have tried everything. Please help me if I have missed something. When I debug, it is not even going to read.action method. In my index page, I am not doing anything, just returning the view. I can...

Setting Default font to Kendo UI Editor

javascript,kendo-ui,editor
I have a requirement to set the default font value to Impact when the user starts typing the text without selecting the font in the Kendo Editor. But, when the user selects a font and then starts typing in the text the Editor should honor the font selection. I was...

Implementing KendoUI grid search with dataSource filtering

javascript,html,kendo-ui,kendo-grid
I'm not sure if i'm doing this correctly, but I want to filter ('search') kendo ui grid based on one input's value. However, I want to search two fields of the grid, based on only one input. $("#grid").data("kendoGrid").dataSource.filter({ logic: 'or', filters: [ { field: 'lastName', operator: 'startswith' }, { logic:...

How override Print in Kendo UI Editor?

asp.net-mvc,kendo-ui,telerik,editor
I used Kendo UI Editor control. IT is ok. But I need to do same events before Printing How override Print function in Kendo UI Editor ? @(Html.Kendo().Editor() .Name("editor") .Tools(tools => tools .Clear() .Bold().Italic().Underline().Strikethrough() .JustifyLeft().JustifyCenter().JustifyRight().JustifyFull() .InsertUnorderedList().InsertOrderedList() .Outdent().Indent() .CreateLink().Unlink() .InsertImage() .InsertFile() .SubScript() .SuperScript() .TableEditing() .ViewHtml() .Formatting() .CleanFormatting() .FontName() .FontSize()...

Kendo UI: Can I use a DataSource to sync data with standard HTML elements

c#,jquery,kendo-ui,kendo-mvvm
I am having trouble combining two kendo ideas that I have found individual examples for, but no combined example as of yet. I have a page with simple HTML elements (textboxes, dropdowns, etc). I have used this kendo example to link the view to a viewmodel. http://demos.telerik.com/kendo-ui/mvvm/elements Everything here works...

How to conditionally provide a style for a grid cell?

angularjs,kendo-ui,kendo-grid
I'm using the Kendo UI grid in my AngularJS application and I would wish to apply a certain background color conditionally. Below is my column definition : columns: [ { field: "TradeAmount", title: "Trade Amount", width: "120px", filterable: { cell: { showOperators: false } } }, ] So the above...

KendoUI Popover $compile issue

angularjs,angularjs-directive,kendo-ui,angularjs-compile,kendo-tooltip
I have directive which is a wrapper around KendoUI kendo-tooltip and I'm instantiating it like this: <div my-directive-popover="options"> </div> Inside my code I replace my-directive-popover with kendo-tooltip like this: $element.attr( 'kendo-tooltip', popoverName ); At the end of pre compile function I have to of course compile this so it's recognized...

Kendogrid population

kendo-ui,kendo-grid,kendo-asp.net-mvc
I'm new to all this kendo stuff i need help in populating kendogrid from a csv file. The csv data is stored in an array of strings returned by a service. Data looks like : 0: "Module,LogLevel,LogType,LoggedTime,LogMessage" 1: "00D02D5A4B66 ,CommServer ,Level3 ,Information ,03/16/2015 00:32:57:5716 ,[ISOMMessageHandler::Initialize]-[EventCount:20,ObjectRetryCount:6]" 2: "00D02D5A4B66 ,CommServer ,Level1 ,Information...

How to make actionlink/url.action in kindo-ui grid

javascript,jquery,asp.net-mvc-4,kendo-ui,kendo-asp.net-mvc
currently i am working in asp.net mvc5 project on kendo-ui grid... I want to know if there is possibility of making action link or url.action in grid where grid button lies.... <script> $(document).ready(function () { var projectdata = "http://localhost:xxxx", $("#grid").kendoGrid({ dataSource: dataSource, pageable: true, toolbar: ["create"], scrollable: false, sortable: true,...