The cascading is not working in IE11 when filtering is enabled. The sample below is taken directly from "Edit this example" for http://demos.telerik.com/kendo-ui/dropdownlist/cascadingdropdownlist
I have enabled the filtering on the first dropdown box. In IE11 the child dropdown is not enabled to continue the filtering once an option is selected in the first dropdown. The expected behaviour works fine in Chrome and Firefox.
Sample:
http://dojo.telerik.com/umAjIW/2
Single line added at 06 to enable filter:
01.$(document).ready(function() {02. var categories = $("#categories").kendoDropDownList({03. optionLabel: "Select category...",04. dataTextField: "CategoryName",05. dataValueField: "CategoryID",06. filter: "contains",07. dataSource: {08. type: "odata",09. serverFiltering: true,10. transport: {11. read: "//demos.telerik.com/kendo-ui/service/Northwind.svc/Categories"12. }13. }14. }).data("kendoDropDownList");
IE Version: 11.0.9600.18427
Windows 8.1 Enterprise x64
There are two
custom button on kendo scheduler one for show horizontal grouping and another
for vertical grouping.
How we write grouping method programmatically? We not implement grouping
function in scheduler initialization.
Thanks
Ranu Verma
Hello,
I am very new at html and javascript so basic reponses would be better. Using this template location in a .html file
<ul data-role="listview" data-source="app.data" data-template="LED-template"></ul>
<script id="LED-template" type="text/x-kendo-template">
<a href="page/LEDlist/details.html?##id=#: LEDPartNumber #">
<div class="Manufacturer">#: LEDManufacturer #</div>
<div class="Partnumber">#: LEDPartNumber #</div>
</a>
</script>
gives me a list of all the data in app.data. Once any of the links are clicked this is executed
var location = window.location.toString();
var partNumber = location.substring(location.lastIndexOf('?') + 4);
it is able to get the partnumber which I can use to filter the total data to find the right data and create a page based on the information. The problem I am having is that after going back once and choosing a second partnumber the above code fails to return a valid reponse. I've attached the console that is outputing
location and the partNumber
Thank you for any help!

Would it be possible to configure how the exported PDF on the Scheduler same as on Grid?
Example: http://dojo.telerik.com/ufOpa -> click on "Export to PDF".
The PDF is configure as:
toolbar: ["pdf"],pdf: { allPages: true, avoidLinks: true, paperSize: "Letter", margin: { top: "2cm", left: "1cm", right: "1cm", bottom: "1cm" }, landscape: false, repeatHeaders: true, template: $("#page-template").html(), scale: 0.8},
...which is amazing! That PDFis everything one could wish for.
Now, on the Scheduler, if we were to try and "Export to PDF" the data here: http://dojo.telerik.com/IWeCe
...the result would not be a multi-paged, letter-sized PDF, but a single-page PDF containing a cropped section of the Scheduler.
I put together a quick POC using the kendo.drawing.drawDOM method, which yielded some results (letter-format, multi page PDF), but it's far from usable.
http://dojo.telerik.com/IWeCe/2 -> Click "PDF me!" on the top of the screen.
My question is, can we expect - and if yes, in what timeline - to be able to configure the PDF output on the Scheduler the way we can do it on the Grid?
Thank you in advance!
Hi,
I'm using angularjs with kendo.ui.
I had created some windows and I use $(".k-window").css("z-index", 25) to set the windows' zindex for my requirement.
The problem was these windows would overlay each other according to the create order in html.
If I focus on one window it should auto toFront other windows.
If I didn't set the index, above problem will not appear since the default toFront function.
How can I do if I want to set the windows' index but the default toFront function will work?
Hi,
If I reference kendo.all.d.ts without having JQuery definitions loaded, then kendo.all.d.ts has a compile error due to the missing interface JQueryAjaxSettings.
I've added a new file kendo-all-fix.d.ts which contains the interface
interface JQueryAjaxSettings {
// ... full definition copied from https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/jquery/jquery.d.ts
}
As I can see, you've provided empty JQuery interfaces in order to make it compile.
I'm using kendo 2016.2.714
I have two question I can't find the answers to;
Based on the following:
$("#toolbar").kendoToolBar({
items: [
{
type: "buttonGroup",
id: "FilterControls",
buttons: [
{ id: "const", text: "Construction", spriteCssClass: "k-icon k-i-funnel", togglable: true, group: "filter", toggle: filterToggleHandler},
{ id: "lease", text: "Leasing", spriteCssClass: "k-icon k-i-funnel", togglable: true, group: "filter", toggle: filterToggleHandler },
{ id: "legal", text: "Legal", spriteCssClass: "k-icon k-i-funnel", togglable: true, group: "filter", toggle: filterToggleHandler },
{ id: "propt", text: "Property Management", spriteCssClass: "k-icon k-i-funnel", togglable: true, group: "filter", toggle: filterToggleHandler }
]
},
{ id: "mygreens", type: "button", text: "My Greens", spriteCssClass: "k-icon k-i-funnel", togglable: true, toggle: myToggleHandler },
{ id: "clear", type: "button", text: "Clear", icon: "funnel-clear", click: filtClearall, togglable: false },
{ is: "close", type: "button", text: "Close", spriteCssClass: "k-icon k-i-close", click: retOzone, togglable: false },
],
});
First how from the toggle event of the filter group can I tell the state of the mygreens toogle button
and secondly how do I reset the toolbar back to its initial state with no buttons selected, based on the button clear click
Cheers
Hi have one question.
I want to change the color of the line(between points) depending on the values on the Y-axis. If the line is below 0 then the line is red color, otherwise the line is green color
<div kendo-chart
k-options="chartOptions"
k-data-source="pctSource"
style="height: 300px;">
</div>
$scope.chartOptions = {
legend: { visible: false },
seriesDefaults: { type: 'scatterLine' },
series: [{ xField: "time", yField: "percent", colorField: "userColor", color: "#4572A7" }],
highlight: {
border: {
opacity: 1,
width: 5,
color: "black"
}
},
xAxis: {
max: 120,
labels: { format: "{0} min" },
title: { text: "" },
majorGridLines: {
visible: false
}
},
yAxis: {
max: $scope.pctCharAxisYMaxValue,
min: $scope.pctCharAxisYMinValue,
labels: { format: "{0}%" },
title: { text: "" }
},
tooltip: {
visible: true,
template: "${dataItem.toolTipLabel}<br/>${dataItem.percent}"
}
}
We provide our users with the ability to define templates for their columns in the KendoTreeList and KendoGrid. Users also want to be able to execute JavaScript functions from within the template function. We construct each column dynamically and apply each template (if defined) for each column.
Unfortunately, I'm having difficulty getting it to work. If I enter the following as the template, I get an error in the kendoOutpot (e.g., "formatFileSize" function doesn't exist):
#= formatFileSize(OV_FILE_VERSION) #
(formatFileSize is a function defined in the same script file in which we create the KendoTreeList and works fine if I call it during document.ready with dummy values.)
Likewise, if I do something like this:
01.#= var formatSize; if (isNan(OV_FILE_SIZE ) == false) {02. if OV_FILE_SIZE > 1073741824){03. formatSize = parseFloat(OV_FILE_SIZE / 1073741824).toFixed(2) + "GB";04. }05. else if (OV_FILE_SIZE > 1048576) {06. formatSize = parseFloat(OV_FILE_SIZE / 1048576).toFixed(2) + "MB";07. }08. else if (OV_FILE_SIZE > 1024) {09. formatSize = parseFloat(OV_FILE_SIZE / 1024).toFixed(2) + "KB";10. }11. else12. formatSize = OV_FILE_SIZE + "Bytes";13.}14.else15.{16. formatSize = OV_FILE_SIZE ;17.}18.#19. 20.#= formatSize #I get a JavaScript error (0x800a139e - JavaScript runtime error: Invalid template) in kendo.web.min.js.
What I'm trying to do is format the value to display the correct file size (Unfortunately, I don't have control over the data source so it's got to be formatted on the front end.)
Any ideas what I'm missing?