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:

 

...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 implemented drag-and-drop between grids without any problems, but how do you drop into a grid when it is empty? The problem can be reproduced on your demo at http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/drag-and-drop-rows-between-two-grids by dragging/dropping each of the rows in one grid to the other grid until all the rows have been moved to the other grid. If you then try to drag/drop a row back to the original (now empty) grid, it won't let you drop into the empty grid.

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:

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?

Hi I am trying to create breadcrumbs for a treeview.

a came across a JSfiddle http://jsfiddle.net/korchev/nktUe/8/ Which does work but e.node is not allways available especially if the datasource is changed.

 

I was wondering if anyone has had any luck with breadcrumbs on a tree view.

This is regarding bug with Kendo MultiSelect control.
We have updated kendo UI version from 2014.3.1411 to 2016.1.226
Below code was working fine with version 2014.3.1411 for kendo multiselect (It was able to perform below operations)
1. set pre-loaded value in kendo multiselect
2. data filtering while typing in kendo multiselect.

  ms = $(this).kendoMultiSelect({
                itemTemplate: inlineTemplate,
                tagTemplate: tagTemplate,
                delay: 200,
                placeholder: placeHolder,
                minLength: 3,
                maxSelectedItems: maxSelects,
                autoBind: true,
                change: change,
                select: select,
                dataSource: preSelected,
                dataValueField: returnField,
                value: preSelectedObjectSids,
               dataTextField: "DisplayName"               
            }).data("kendoMultiSelect");
    ms.setDataSource(ds);

Now, The above operations has stopped working due to upgrade in its version to 2016.1.226

Tried to set multiselect value i.e. ms.value(preSelectedObjectSids) but it doesn't work.

when i remove  ms.setDataSource(ds) from above code, kendomultiselect holds the pre-loaded value but then it changes the entire datasource to single pre-loaded value. Obviously i cannot search or set any other value further in the multiselect

Is this known issue in latest kendo UI version 2016.1.226?

Could you suggest what i can try to fix this problem?

When I'm using Angular Grid I'm getting an error in console  each time the grid loads as "Cannot read property 'removeClass' of null"  .This was getting in the console when I use persist state for grid.

I'm using set options method to set local storage data to grid.

Here the "setOptions" method is internally calling read method and it is throwing the above exception. Is there any other method to persist the state of grid so that we can avoid this console error.

Please assist to fix the issue.