Consider implementing logic that strips js comments from the Kendo templates.

If the following js function is added into the Grid's custom popup editor:

<script>
	//some comment
	(function () {
		alert(1)
	})();
</script>

<script>
	/*some comment*/
	(function () {
		alert(1)
	})();
</script>

Hello,

We are using Telerik UI for ASP.NET MVC for an interactive map. We have added GeoJSON shapes to the map. We want to display tooltips on the shapes but have noticed that the mouse enter/leave and tooltip display seems somewhat broken. When the user has zoomed in or out, the events seem to sometimes not be triggered at all, until the user has panned.
The issues we found were also present in this example: https://demos.telerik.com/aspnet-mvc/map/geojson
To reproduce:
1. Zoom in or out, either with the mosue wheel or with the map controls.
2. Move the mouse over shapes and check if they get any tooltip or highlight. Some of the time it will be working normally, some of the time the changes do not happen at all. If the problem does not appear, repeat the previous step and test again.
3. Panning the map, either by click-dragging or with the map controls, fixes the issue until further zooming breaks it again.

Thanks,

Will

Add an option to use an EventTemplate, when the Mobile is enabled in the Scheduler:

.Mobile(MobileMode.Auto)

and the Scheduler is viewed on a mobile device. Currently, the month view does not use the template and always displays the events as small circles.

Bug report

Regression introduced in R1 2021 SP1. Possibly related to #6597.

Reproduction of the problem

Reproducible in the Kendo UI for jQuery Overview demo, the MVC Overview demo, other demos, and in the attached sample project.
MVCGanttTest.zip

1. Run a demo or the project (the project requires a reference to Kendo.Mvc.dll to be added).
2. Open the dev tools Network tab.
3. Double click a child task in the Timeline view to edit it.
4. Modify the task's title, e.g., a character to the title text.
5. Save the task.

Current behavior

Multiple requests are sent to the Update action. One for the edited task and additional one(s) for the parent task(s) depending on the level of the edited task. This happens only on initial edit of that particular task. Subsequent editing results in only 1 request to the Update action.

Expected/desired behavior

Every time a task title is edited, only 1 request to the server should be sent.

Environment

• Kendo UI version: 2021.3.914
• jQuery version: x.y
• Browser: [all ]

It would be nice to have an ImageGallery component similar to the one available in UI for ASP.NET AJAX: https://demos.telerik.com/aspnet-ajax/image-gallery/examples/overview/defaultcs.aspx

It should have image add, remove, update capabilities. 

We set up a grid that auto-filters a name field to "does not contain" and the value it excludes is "[DEACTIVATED]".  This column is also filtering out records that have a null in them if this filter is set.  I had to change the datasource to return an empty string instead.

When using template and no DataSource is set Grid NoRecords message is not rendered.

Reproduction of the problem

Define a 'No Records' with template similar to the following article example: https://docs.telerik.com/aspnet-mvc/html-helpers/data-management/grid/templates/no-records

@(Html.Kendo().Grid<Grid_Template.Controllers.GridModel>()
    .Name("Grid1")
    .NoRecords(n => n.Template("string HTML template, not centered"))
)

Current behavior

The default message for missing record is displayed: No records available.
"autoBind":false is applied to serialization

Expected/desired behavior

The message from the template is displayed: "string HTML template, not centered"

Workaround:
Add .DataSource(d => d.Ajax()) to the Grid configuration

@(Html.Kendo().Grid<Grid_Template.Controllers.GridModel>()
    .Name("Grid1")
    .NoRecords(n => n.Template("string HTML template, not centered"))
        .DataSource(d => d.Ajax())

)

https://github.com/telerik/kendo-ui-core/issues/6598

Hi Team,

I'd like to request the functionality to be able to use strongly-typed editors for the TreeList's editor.  

Thank you!

Bug report

Reproduction of the problem

If you want to have only some of the default tools, you cannot do that with the Spreadsheet wrapper.

1. Declare the tools you want, e.g.,

.Toolbar(t =>
{
	t.Home(h =>
	{
		h.ExportAs();
	});
})

Current behavior

All the tools are displayed.

Expected/desired behavior

Only the ExportAs tool is displayed.

Environment

• Kendo UI version: 2021.3.914
• jQuery version: x.y
• Browser: [all ]

The Grid should allow switching between case sensitive and case insensitive filtering.

Hi,

I noticed in the editor that when you click the "View HTML" button, the popup window isn't sized properly and you must scroll down to see the Update and Cancel buttons. 

It can be seen on your demo page...

https://demos.telerik.com/aspnet-mvc/editor/all-tools

Thanks

I want to tool inside Kendo Editor, when on click of any Image / Video it should open a inline editor in which i can perform following functions,

1. Replace
2. Change Alignment
3. Change Captions
4. Alternate Text
5. Resize

Here are the few sample links which i am refering too (you need to click on image for getting the image editor),
https://ckeditor.com/docs/ckeditor5/latest/examples/builds/classic-editor.html

Bug report

When the new TextBoxFor with a Floating label is used as editor for the String fields the label overlaps populated fields.

for MVC and MVC Core

Reproduction of the problem

@Html.Kendo().TextBoxFor(model => model).Label(l => l.Content("Name").Floating())

Expected/desired behavior

Floating label should not overlap populated fields

Environment

Kendo UI version: 2020.2.513 or above
Browser: [all]

Bug report

Regression introduced in R2 2020. Possibly related to #5467

Reproduction of the problem

1. Set up a ComboBox that uses virtualization:

<input id="orders" style="width: 100%" />

<script>
    $(document).ready(function() {
        $("#orders").kendoComboBox({
            dataTextField: "ProductName",
            dataValueField: "ProductID",
            virtual: {
                itemHeight: 26,
                valueMapper: function(options) {
                    $.ajax({
                        url: "Home/Orders_ValueMapper",
                        type: "GET",
                        dataType: "json",
                        data: convertValues(options.value),
                        success: function (data) {
                            options.success(data);
                        }
                    })
                }
            },
            height: 520,
            dataSource: {
                transport: {
                    read: {
                        url: "Home/Virtualization_Read",
                        dataType: "json" 
                    }
                },
                schema: {
                    model: {
                        fields: {
                            ProductID: { type: "number" },
                            ProductName: { type: "string" },
                        }
                    },
                    data: "Data",
		    total: "Total"
                },
                pageSize: 80,
                serverPaging: true,
                serverFiltering: true
            }
        });
    });

    function convertValues(value) {
        var data = {};

        value = $.isArray(value) ? value : [value];

        for (var idx = 0; idx < value.length; idx++) {
            data["values[" + idx + "]"] = value[idx];
        }

        return data;
    }
</script>

2. Return an empty collection:

public ActionResult Virtualization_Read([DataSourceRequest] DataSourceRequest request)
{
    return Json(GetProducts().ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}

public IEnumerable<Product> GetProducts()
{
    var products = Enumerable.Range(0, 0).Select(i => new Product
    {
        ProductID = i,
        ProductName = "ProductName" + i
    });

    return products;
}

3. Focus the ComboBox input and press Down Arrow

Current behavior

A request to the Read action is sent with the following parameters:
http://localhost:54962/Home/Virtualization_Read?take=0&skip=NaN&page=NaN&pageSize=0&filter%5Blogic%5D=and

The NaN value of the parameters: skip=NaN&page=NaN causes a server error:

Input string was not in a correct format.
...
[Exception: NaN is not a valid value for Int32.]

Expected/desired behavior

No exception should be thrown. In versions prior to R2 2020 a request is not sent to the server on pressing Down arrow key.

Environment

• Kendo UI version: 2021.2.511
• jQuery version: x.y
• Browser: [all]

I load a pdf on a PDFViewer component using loadDefault function, but Open event is not fired.

Also, I want to scroll to the end of the document and for that, I need to retrieve the count of the pages and activate the last page in the render event, even it's called multiple times.

How can I get the count of the pages and scroll to the end of the .pdf document after it is loaded?

    @(Html.Kendo().PDFViewer().Name("documentViewer")
        .PdfjsProcessing(pdf => pdf.File(Url.Content("~/Content/data/default.pdf")))
        .Events(e => e
            .Error("(function(e) { onDocumentViewerError(e); })")
            .Render("(function(e) { onDocumentViewerRender(e); })")
            .Open("(function(e) { onDocumentViewerOpen(e); })")
        )
    )
...
<script type="text/javascript">
...

function loadDefault() {
    var docUrl = window.location.origin + window.location.pathname + "Content/data/default.pdf";

    var pdfViewer = $("#documentViewer").data("kendoPDFViewer");
    pdfViewer.fromFile(docUrl);
 }

onDocumentViewerRender = function(e) {
    console.log("render");

    if (goToEnd) {
         goToEnd = false;

         setTimeout(function () {
              var pdfViewer = $("#documentViewer").data("kendoPDFViewer");
              pdfViewer.activatePage(pagesCount); // how to get pagesCount
         }, 2000);
    }
}

onDocumentViewerOpen = function(e) {
    console.log("open"); // not shown in Console
}
...
</script>

Although that the ListBox is similar to the MultiSelect, at the moment it does not have such model binding, because it is also comparable with the data management widgets and for the initial release of the ListBox our developers decided to consider the model binding only if there is demand for it. With that in mind, you could create a feature request in our public portal for that feature: 

http://www.telerik.com/forums/listbox-bind-to-model-view

Bug report

Reported in: Ticket ID: 1524543. Reproducible in Chrome and Firefox. Not reproducible in Edge
Version 91.0.864.54.

Reproduction of the problem

Dojo example: https://dojo.telerik.com/iqUFarUV/3

1. Hide half of the columns (uncheck them in the column menu -> Columns)
2. Try to resize a column

Current behavior

On dragging the handle the column width automatically increases. Then if you try to decrease the width, you can't go past a certain width threshold.

Expected/desired behavior

The columns can be resized precisely, similarly to when their width is set in "px" instead of "%".

Environment

• Kendo UI version: 2021.2.616
• jQuery version: x.y
• Browser: [Chrome 91, Firefox 89]