I am using kendo.drawing.drawDOM to generate an exportImage. When running this on Chrome, the z-index of elements is not taken into account and certain elements will not overlap each other based on their z-index (i.e., how they are displayed in the browser). It works perfectly on IE and Firefox - this is just a Chrome issue. Is this a known issue? Is there a workaround by any chance?
Any help is appreciated!
Hi.
Suppose I'm using some aggregation function which gives me several values instead of one. I have seriesClick event handler
with something like following:
var dsObject = e.sender.dataSource.get(e.dataItem.markerId);And when I click on aggregated value it returns some value from datasource and I don't know why it returns this value.
Is there any way to distinguish aggregated values from usual (from datasoure) values? Or is there any way to specify returned value in case of my aggregation function?
Thanks in advance.
I'm trying to create a custom column with the scheduler, but I always get redirected to a sample mvc program that just modifies the events template
I need to actually make a new column, not change the color of it.
The only templates I see listed in the docs are event templates. I need the schedule header. I want to display
<td>Monday</td><td>MyColumn1</td><td>MyColumn2</td><td>Tuesday</td>....
The dataHeaderTemplate only lets me change whats inside of Monday.
So my questions are, where are the lists of these templates and how do I get the default values so I can change them and create a new custom view.
This is the closest thing I've seen:
http://dojo.telerik.com/@diondirza/EbEBa
they're doing the following below. But how I get the default value for schedulerHeader and add change it for my customer view.
function onDataBound(e) { var scheduler = e.sender, schedulerHeader = scheduler.element.find(".k-scheduler-header table tbody tr"), datas = scheduler.dataSource.data(); // add custom column header, do more append for more column schedulerHeader.append("<th>Rating</th>"); schedulerHeader.append("<th>Time</th>"); // add custom column for each data datas.forEach(function(data){ var uid = data.uid, timeData = kendo.toString(data.start, "hh:mm") + " - " + kendo.toString(data.end, "hh:mm"); $(".k-task[data-uid='"+ uid +"']").parent() .after("<td>" + timeData + "</td>") .after("<td><em>no rating yet</em></td>"); });}
I saw another post back in 2012 addressing this issue of removing this value from the drop down. Is it still true that this is not supported, or has this been updated in a recent version?
I tried updating the kendo.ui.Editor.defaultTools.fontSize.options.defaultValue.value, but it didn't hold. I tried setting the defaultValue to the empty array, and that just crashed the control. Is any of this possible?

So I'm trying to move some of my data binding to templates to allow conditional formatting, but I've noticed something when binding a notes field directly to a <p> tag vs. rendering it in the Template. The binding adds <br> tags in place of the carriage returns so the notes format correctly; the template does not.
Here's the template:
# if(PeopleNotes != null && PeopleNotes != '' ) { # <div class='inputWrapper' id='main_notes'>
<label for='main_notesInput'>Notes</label>
<p id='NoteField'>#: PeopleNotes #</p>
</div> # } #
Which doesn't include the <br> tag, vs:
<div class="inputWrapper" id="main_notes">
<label for="main_notesInput">Notes</label>
<p id="NoteField" data-bind="text: selectedPerson.PeopleNotes"></p>
</div>
which does. Suggestions?
Hi,
Please help me: when I click to edit the category in: http://dojo.telerik.com/OHuHa it's error message: ...not response due to long-running script
Thanks
Hello, I'm using Kendo.Mvc and Kendo.UI for developing an ASP.NET MVC web application.
I have a Grid with ajax binding that reads data from a Datatable, those data could be of different types (string, int, double, bool, ecc..).
I have no model strongly typed associated for this Grid, thus I'll check for the type of each column and I do the bind for each column based of their type.
My problem is that this binding seems not to be working, because each column filter is treated as if it were of type string.
here some code snippet:
initialization: Html.Kendo().Grid<object>()// other codefor each column: grid.Columns(columns => { var bound = columns.Bound(Type.GetType("System." + col.Type), col.Name); // other code bound.Filterable(true); })where col.Type is an enum similar to .NET TypeCode Enumeration (https://msdn.microsoft.com/en-us/library/system.typecode(v=vs.110).aspx)$.each(cols, function(i, e) { var index = grid.columns.map(function(obj) { return obj.field; }) .indexOf(e.Name); if(index > -1) { var item = grid.columns[index]; switch(e.Type) { case "string": item.type = e.Type; break; case "double": case "integer": item.type = "number"; break; case "boolean": item.type = e.Type; break; case "datetime": item.type = "date"; break; } }});
Hi :)
In my web application I am using Kedno UI Controls for implementing front-end side controls and user interaction. Most of the web application code is written in java-script, so the general approach is to go client side.
On the Kendo UI demo website, we have 2 approaches for initializing kendo grid in case of using MVVM pattern and bindings (as a sample control, but this should apply to other controls):
1/ Data attribute initialization - part of example for brevity
<div data-role="grid" date-scrollable="true" data-editable="true" data-toolbar="['create', 'save']" data-columns="[ { 'field': 'ProductName', 'width': 270 }, { 'field': 'UnitPrice' }, ]" data-bind="source: products, visible: isVisible, events: { save: onSave }" style="width: 480px; height: 200px"></div>Full example: http://demos.telerik.com/kendo-ui/grid/mvvm
2/ Custom binding (angular way) - part of example for brevity
<div kendo-grid data-bind="options: mainGridOptions"></div>Javascript file - ViewModel/Controller - Scope ect....mainGridOptions = { dataSource: { type: "odata", transport: { read: "<url...>" }, pageSize: 5, }, sortable: true, pageable: true, columns: [{ field: "FirstName", title: "First Name", width: "120px" },{ field: "LastName", title: "Last Name", width: "120px" },{ field: "Country", width: "120px" } }] };In the binding for the grid, we pass all required options for particular control. Full similar angular example: http://demos.telerik.com/kendo-ui/grid/angular
Concerning information above I have these questions:
This approach was implemented in Kendo Binding for Angular http://www.telerik.com/blogs/a-few-angular-kendo-ui-best-practices -> Leverage Widget References.
Thank you all for the feedback and answers.