Hi there, I am posting here to see if the community can to help me.

I am facing an issue where the PDF Export is, apparently, not working properly neither with MS Edge (88.0.705.53) nor on Chrome ( 88.0.4324.104 ), but is working fine on Firefox (84.0.1). When I try to generate the PDF with pictures that are stored on AWS S3 it throws CORS' errors to the Edge/Chrome console as you can see by the attached picture. When I generate the PDF from Firefox it works like charm.

I have read the AWS S3 CORS documentation (https://docs.aws.amazon.com/sdk-for-javascript/v2/developer-guide/cors.html), I have read the Mozilla documentation (Cross-Origin Resource Sharing (CORS) - HTTP | MDN (mozilla.org)), I have adjusted  my CORS and nothing. 

I have opened a ticket to the support and no one has being able to guide me or fix the issue that happens only on Edge/Chrome.

My CORS configuration, for this test purpose, is like this:

[
    {
        "AllowedHeaders": [
            "*", 
            "Authorization"
        ],
        "AllowedMethods": [
            "HEAD",
            "GET",
            "PUT",
            "POST",
            "DELETE"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": [
            "ETag",
            "x-amz-meta-custom-header",
            "x-amz-server-side-encryption",
            "x-amz-request-id",
            "x-amz-id-2",
            "x-amz-delete-marker",
            "Accept-Ranges",
            "Content-Range",
            "Content-Encoding",
            "Content-Length",
            "Content-Type",
            "Content-Language",
            "Expires",
            "Date",
            "Server",
            "Access-Control-Allow-Origin",
            "Last-Modified",
            "Pragma",
            "XMLHttpRequest",
            "Server",
            "Cache-Control",
            "Authorization"
        ],
        "MaxAgeSeconds": 3000
    }
]

I created a DOJO (https://dojo.telerik.com/iMITUZuY/2) that proves that it works on Firefox but does not work on Edge/Chrome. 

So, I would be grateful if anyone can help me solving this.

Hi,

i found that when i click the export pdf button on scheduler, the alignment of the calendar will run, as such the all day row and the remaining rows will misalign. This happens to the demos at this link as well :

https://demos.telerik.com/kendo-ui/scheduler/pdf-export

Hi,

how can i print the weekly view that has its event being expanded? 

because the current pdf function will not show the full title of the event if the event title is too long.

Hello. I am looking forward to use Kendo UI Scatter Chart. However I want to clarify customization question to understand if it possible to change (setup) Kendo UI Scatter chart to meet my requirements.

[Q] Does Kendo UI Scatter Chart support zooming by rectangle? (when you draw a rectangle and all that is in this rectangle will be zoomed)

In the example for custom editing at https://demos.telerik.com/kendo-ui/grid/editing-custom, the grid includes the field Category which includes a dropdown list which opens for editing and which is populated by a linked Category table.  The code for this shows as follows:

and 

If instead of a linked table, I wanted to use an enum, how could I achieve the same functionality.  Here's what the enum might look like defined in C#:

Any help greatly appreciated.

I ordered the source, but I can not do it for 'value'.

I use the multiselect with MVVM.

My html code:

<select id="doc" data-role="multiselect"
data-value-primitive="true"
data-text-field="name"
data-value-field="id"
data-bind="value: valueDoc,
source: sourceDoc"></select>

My js code:

vm = kendo.observable({

sourceDoc: new kendo.data.DataSource({
            data: [],
            sort: { field: "name", dir: "asc" }
        })
});

The value is not ordered

Hello Everyone,

I am trying to build a kendo tree view with remote data  getting from the controller. I want to display a Image (attachment) at a certain node . How do I do that.?

Following is my data from the controller.

In the attached files, I have uploaded, I want to show the image at the arrow highlighted

Also. k-icon k-i-collapse is not showing at "Project Metrics" node even when the node is expanded.

 var result = new List<HierarchicalViewModel>()
            {


                new HierarchicalViewModel() { ID = 1, ParendID = null, HasChildren = true, Name = "Program Structure" },
               new HierarchicalViewModel() { ID = 3, ParendID = null, HasChildren = true, Name = "Project Metrics" },
                new HierarchicalViewModel() { ID = 2, ParendID = 1, HasChildren = true, Name = "Program Structure" },
            
                new HierarchicalViewModel() { ID = 4, ParendID = 3, HasChildren = true, Name = "Project Metrics" },
                new HierarchicalViewModel() { ID = 5, ParendID = 2, HasChildren = false, Name = "State" },
                new HierarchicalViewModel() { ID = 6, ParendID = 2, HasChildren = false, Name = "Executive Summary" },
                 new HierarchicalViewModel() { ID = 7, ParendID = 2, HasChildren = false, Name = "Reporting period for RHGCP funding" },
                new HierarchicalViewModel() { ID = 8, ParendID = 2, HasChildren = false, Name = "Describe how funds are distributed and administrated in the State" },
                new HierarchicalViewModel() { ID = 9, ParendID = 2, HasChildren = false, Name = "Describe the method(s) used for project selection" },
                new HierarchicalViewModel() { ID = 10, ParendID = 2, HasChildren = false, Name = "Describe the method(s) used to measure effectivenss of the projects and programs" },
                new HierarchicalViewModel() { ID = 11, ParendID = 2, HasChildren = false, Name = "Describe any noteworthy efforts the State has used to effectively deliver a successful program" },
               new HierarchicalViewModel() { ID = 12, ParendID = 2, HasChildren = false, Name = "Describe the status of data acquistion and analysis efforts" },
                new HierarchicalViewModel() { ID = 13, ParendID = 2, HasChildren = false, Name = "Add number of crossings" },
                new HierarchicalViewModel() { ID = 14, ParendID = 2, HasChildren = false, Name = "Provide program emphasis areas" },
                new HierarchicalViewModel() { ID = 15, ParendID = 2, HasChildren = false, Name = "Describe Section 130 program effectiveness" },
                new HierarchicalViewModel() { ID = 16, ParendID = 2, HasChildren = false, Name = "Input performance measures" },
                new HierarchicalViewModel() { ID = 17, ParendID = 3, HasChildren = false, Name = "Project Listing" },
                new HierarchicalViewModel() { ID = 18, ParendID = 3, HasChildren = false, Name = "Crash Data Statistics" }
            };

            return result;

//Kendo Tree View

 @(Html.Kendo().TreeView()
                                                .Name("treeview")
                                                .DataTextField("Name")
                                                 .Checkboxes(true)
                                                .DataSource(dataSource => dataSource
                                                .Read(read => read
                                                    .Action("Read_TreeViewData", "Questions")
                                                    )
                                                )
                                                .Events(ev => ev.Select("onTreeViewselectNode")
                                                .Check("onCheck")
                                                )
                                            )

<script>
                                    function onTreeViewselectNode(e) {
                                        var dataItem = e.sender.dataItem(e.node);
                                        console.log(dataItem);
                                    }

                                    function onCheck(e) {
                                        console.log("Checkbox changed :: " + this.text(e.node));
                                        var checkedNodes = [],
                                            treeView = $("#treeview").data("kendoTreeView"),
                                            message;

                                        checkedNodeIds(treeView.dataSource.view(), checkedNodes);

                                        if (checkedNodes.length > 0) {
                                            message = "IDs of checked nodes: " + checkedNodes.join(",");
                                        } else {
                                            message = "No nodes checked.";
                                        }

                                        $("#result").html(message);

                                    }

                                    function checkedNodeIds(nodes, checkedNodes) {
                                        for (var i = 0; i < nodes.length; i++) {
                                            if (nodes[i].checked) {
                                                checkedNodes.push(nodes[i].id);
                                            }

                                            if (nodes[i].hasChildren) {
                                                checkedNodeIds(nodes[i].children.view(), checkedNodes);
                                            }
                                        }
                                    }

                                </script>

I am attempting to convert a donut chart created usnig the kendoChart() function to one created by binding it MVVM style. I have managed to do this (here is a dojo showing both).

However, it just feels really awkward to have to include values for each series in each data item in the observable that gets bound. Is there a better way to do this or am I doing it in the recommended manner?

Hello,

I'm having trouble with bringIntoView.

I'd like to pan a diagram so that a shape to be the center of the diagram.

It works when the first time calling bringIntoView() with a shape.

However after the first call, calling bringIntoView() with a shape does not move that shape to the center of the diagram.

I created a Dojo snippet.

To reproduce this problem, first click the shape1 button and click the shape2 button.

You will see the shape1 becomes the center of diagram, however when the shape2 button is clicked, the shape2 will be positioned at a weird place.

https://dojo.telerik.com/@jshin@hcim.com/ICANObOz

Or click the shape1 button and click the shape1 button once again.

I created this snippet based on the pan example in the API reference (https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram/methods/pan).

How can I make a shape to be at the center of the diagram every time I call bringIntoView ()?

Attached is a recording of the steps to reproduce this issue.

Thank you!