Bug report

After using setOptions() the HTML structure of Grids column header is different.

Reproduction of the problem

In the following demo:
https://demos.telerik.com/aspnet-mvc/grid/persist-state

1. Inspect the HTML structure of a column header.
2. Click the Load State button.

Current behavior

When the button is clicked, setOptions() called for the Grid and the structure of the column headers is now different.

Expected/desired behavior

When setOpitons() is called with no options that may affect the headers the HTML structure of the column headers should be the same.

Environment

• Kendo UI version: 2022.2.510
• Browser: [all]

Hi Team,

Bug Report

The Kendo UI Grid's toolbar with a template is not persisted when the Grid is loaded using setOptions. 

Reproduction of the problem

With a toolbar containing a template with server tags, the toolbar content will disappear.

Expected Behavior

The Grid should retain the toolbar with the HTML contained when using setOptions.

Environment

Kendo UI version: 2022.2.510
jQuery version: all
Browser: all

Thanks!

Bug report

The tables within the Editor are not exported correctly (do not fit in the exported pdf document) when resized before exporting.

Reproduction of the problem

1. Open the following demo.
   https://demos.telerik.com/kendo-ui/editor/pdf-export
2. Resize the column of the table.
3. Export to PDF.

Current behavior

The table does not fit in the exported document.

Expected/desired behavior

The table should fit in the document.

Environment

• Kendo UI version: 2022.2.510
• Browser: [all]

Bug report

When ServerOperation(true) is set, the paging is not applied after creating a new record.

Reproduction of the problem

https://demos.telerik.com/aspnet-mvc/listview/editing

Current behavior

PageSize is set to 4, but after inserting a new item, it appears along with the other items.

Expected/desired behavior

https://demos.telerik.com/kendo-ui/listview/editing
When a new item is created, remove the last one from the current page.

Environment

• Kendo UI version: 2022.1.301
• Browser: [all ]

Describe the bug
Column headers do not resize properly in IE11 when scrollable is set to false. Regression introduced in 2021.3.914.

To reproduce
Steps to reproduce the behavior:

1. Go to https://demos.telerik.com/kendo-ui/grid/selection-export?autoRun=true&theme=bootstrap-main

The column headers are squished to the left side.

Expected behavior
Columns headers must have the same width as the respective columns.

Workaround:

.k-ie .k-grid-header {
  display: table-header-group;
}

Affected package (please remove the unneeded items)

• theme-default
• theme-bootstrap
• theme-material

Affected suites (please remove the unneeded items)

• Kendo UI for jQuery

Affected browsers (please remove the unneeded items)

• IE version: 11

Build system information (please remove the unneeded items)

• Not Applicable

Bug report

The Kendo UI Grid's Toolbar Template UI for ASP.NET MVC documentation displays an approach used for UI for ASP.NET Core. The ClientTemplate and ClientTemplateID are not available for UI for ASP.NET MVC.

Reproduction of the problem

Please try the approach used in the documentation. It is not available for UI for ASP.NET MVC.

Expected/desired behavior

Either include the approach for UI for ASP.NET MVC, or modify the documentation.

Environment

• Kendo UI version: 2022.2.510
• jQuery version: 3.6
• Browser: all

Bug report

Regression introduced in R3 2021. Reproducible with the LESS and the SASS themes.

Reproduction of the problem

Dojo example: https://dojo.telerik.com/icUZasIF/2

Current behavior

The k-timeline-circle and the k-timeline-date-wrap elements are misaligned. The dates are displayed slightly below the level of the Timeline circles.

Expected/desired behavior

Dates and circles are aligned.

Environment

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

Bug report

Reproducible with a Grid nested in the content of the tab, or loaded in the tab through AJAX.

Reproduction of the problem

Dojo example: https://dojo.telerik.com/eJuHaTan

1. Select Tab1, or click the button above the TabStrip to select the tab programmatically.
2. Try to reorder a row in the Grid in Tab1.

Current behavior

The rows cannot be reordered.

Expected/desired behavior

The rows can be reordered.

Environment

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

Describe the bug
When boostrap.min.css is loaded on the page, the positioning of the Gantt tasks within the task rows is incorrect. The task are not centered and start overlapping the next row. Additionally, misalignment between the rows in the timeline and the treelist appears.

To reproduce
Steps to reproduce the behavior:

https://dojo.telerik.com/AYeWOkIX

The misalignment increases with each next row, so it becomes more evident, if you scroll down the view.

Expected behavior
Tasks are centered within their row. Timeline and treelist rows are aligned.

Screenshots

Affected package (please remove the unneeded items)

• theme-default
• theme-bootstrap
• theme-material
• theme-tasks

Affected suites (please remove the unneeded items)

• Kendo UI for jQuery

Affected browsers (please remove the unneeded items)

• All

Build system information (please remove the unneeded items)

• Not Applicable

Additional context
Add any other context about the bug.

If I specify "SortMode.Mixed" for a Grid's "SortMode" (via the .Sortable fluent method), the sort mode in the JavaScript initializer is set to "multiple" instead. This can even be seen on the MVC Demo page here: https://demos.telerik.com/aspnet-mvc/grid/sorting (the "mixed" demo behaves just like "multiple").

In the Kendo MVC source code for 2022.1.301, the GridSortableSettings.Serialize method appears to use the following logic:

if (SortMode != GridSortMode.SingleColumn)
{
    json["mode"] = "multiple";
}

Bug report

The dataBound event of the PanelBar does not fire when it is loaded with data through its Items configuration option. This is inconsistent with the behavior of the Kendo UI for jQuery PanelBar and the MVC TreeView, for which the event fires in the same scenario (local data).

Reproduction of the problem

Run the following example:

@(Html.Kendo().PanelBar()
    .Name("panelbar")
    .ExpandMode(PanelBarExpandMode.Single)
    .Events(events => events
        .DataBound("databound")
    )
    .Items(panelbar =>
    {
        panelbar.Add().Text("Root1")
            .Expanded(true)
            .Items(items =>
            {
                items.Add().Text("Sub-Item 2.1");
                items.Add().Text("Sub-Item 2.2");
            });

        panelbar.Add().Text("Root2")
            .Items(items =>
            {
                items.Add().Text("Sub-Item 2.1");
                items.Add().Text("Sub-Item 2.2");
            });
    })
)

<script>
    function databound(e) {
        alert('databound');
    }
</script>

Current behavior

The dataBound event does not fire.

Expected/desired behavior

The dataBound event fires.

Environment

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

Bug report

Reproduction of the problem

Reproducible in the demos: https://demos.telerik.com/kendo-ui/imageeditor/index

1. Open the browser's devtools console
2. Click the "Resize" tool in the ImageEditor's toolbar.
3. Change the image Width or Height value to 0 and blur the input.

Current behavior

A js exception is thrown after blurring the input:
Uncaught RangeError: Maximum call stack size exceeded

Subsequently, on attempting to enter a valid width/height value, the same exception is thrown and resizing the image becomes impossible.

Expected/desired behavior

No js exceptions are thrown.

Environment

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

Bug report

Not reproducible with Sass themes.

Reproduction of the problem

https://dojo.telerik.com/ejaVeZUD/7

Current behavior

Map custom markers are not positioned correctly when zooming out using 'Less' themes

Expected/desired behavior

Markers are positioned correctly when zooming out.

Environment

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

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.

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

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

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 ]

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]