After using setOptions() the HTML structure of Grids column header is different.
In the following demo:
https://demos.telerik.com/aspnet-mvc/grid/persist-state
When the button is clicked, setOptions() called for the Grid and the structure of the column headers is now different.
When setOpitons() is called with no options that may affect the headers the HTML structure of the column headers should be the same.
Hi Team,
The Kendo UI Grid's toolbar with a template is not persisted when the Grid is loaded using setOptions.
With a toolbar containing a template with server tags, the toolbar content will disappear.
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!
The tables within the Editor are not exported correctly (do not fit in the exported pdf document) when resized before exporting.
The table does not fit in the exported document.
The table should fit in the document.
When ServerOperation(true) is set, the paging is not applied after creating a new record.
https://demos.telerik.com/aspnet-mvc/listview/editing
PageSize is set to 4, but after inserting a new item, it appears along with the other items.
https://demos.telerik.com/kendo-ui/listview/editing
When a new item is created, remove the last one from the current page.
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:
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)
Affected suites (please remove the unneeded items)
Affected browsers (please remove the unneeded items)
Build system information (please remove the unneeded items)
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.
Please try the approach used in the documentation. It is not available for UI for ASP.NET MVC.
Either include the approach for UI for ASP.NET MVC, or modify the documentation.
Regression introduced in R3 2021. Reproducible with the LESS and the SASS themes.
Dojo example: https://dojo.telerik.com/icUZasIF/2
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.
Dates and circles are aligned.
Reproducible with a Grid nested in the content of the tab, or loaded in the tab through AJAX.
Dojo example: https://dojo.telerik.com/eJuHaTan
The rows cannot be reordered.
The rows can be reordered.
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.
Affected package (please remove the unneeded items)
Affected suites (please remove the unneeded items)
Affected browsers (please remove the unneeded items)
Build system information (please remove the unneeded items)
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";
}
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).
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>
The dataBound event does not fire.
The dataBound event fires.
Reproducible in the demos: https://demos.telerik.com/kendo-ui/imageeditor/index
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.
No js exceptions are thrown.
Not reproducible with Sass themes.
https://dojo.telerik.com/ejaVeZUD/7
Map custom markers are not positioned correctly when zooming out using 'Less' themes
Markers are positioned correctly when zooming out.
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.
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"))
)
The default message for missing record is displayed: No records available.
"autoBind":false is applied to serialization
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
If you want to have only some of the default tools, you cannot do that with the Spreadsheet wrapper.
.Toolbar(t =>
{
t.Home(h =>
{
h.ExportAs();
});
})
All the tools are displayed.
Only the ExportAs tool is displayed.
Reported in: Ticket ID: 1524543. Reproducible in Chrome and Firefox. Not reproducible in Edge
Version 91.0.864.54.
Dojo example: https://dojo.telerik.com/iqUFarUV/3
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.
The columns can be resized precisely, similarly to when their width is set in "px" instead of "%".