Hello,
We have upgraded our Kendo jQuery package. The previous version was 2019.1.220 and our latest version is 2023.3.1114. We observed that
After upgrading some of our css are not getting applied. Attaching the screenshots for reference. I'm attaching my sample code.
Below are the stylesheets I'm using<link href="{{ URL::asset('css/boostrap_v4_alpha.css') }}" rel="stylesheet" type="text/css">
<link href="{{ URL::asset('kendo/styles/material-main.css') }}" rel="stylesheet" type="text/css">
<link href="{{ URL::asset('kendo/styles/font-icons/index.css') }}" rel="stylesheet" type="text/css">
<link href="{{ URL::asset('kendo/styles/bootstrap-main.css') }}" rel="stylesheet" type="text/css">
greetings,
I am currently migrating from kendo version 2015.2.902 to 2023.1.314 for some of the company's core applications and I have the following problem.
When adding the create command to any grid, adding a new row is not working, if I disable the following code in the ondatabound event
function onGridDataBound() {
/*$('.k-grid-add').unbind("click");*/
$('.k-grid-add').bind("click", function () {
if (esModuloAtributos() && configuradorUtils.mode === "edit") {
setKendoDropDownInitSelection("xxxx");
setKendoDropDownInitSelection("xxxxx");
} else if (esModuloAgrupaciones() && configuradorUtils.mode === "edit") {
setKendoDropDownInitSelection("xxxx");
setKendoDropDownInitSelection("xxxxxx");
}
$("#Todos").prop("checked", false);
return validaFiltros();
});
}
The grid works to create and add the new row, but it does not maintain the functionality that if x condition is met it should add the row.
Hi there,
Currently I try to export data from a grid with details, however when I trigger the event export the UI generate the next error.
Code: In this object we have the data.
The code run until at the end and after this is the message.
I am using the documentation and examples, but dont works too.
https://docs.telerik.com/kendo-ui/knowledge-base/detail-grid-export
Another thing I reviewed that work with angular.
Thank you for your help !
AngularJS version 1.5.8.
Kendo UI version 2016.3.914+Official
I have a kendo grid with the resizeable property set to true. However, when I display the grid and then use my cursor to resize the grid, it appears the grid rebinds the data and reverts all columns to their original size.
How do I make resized widths stay set?
Are there any properties I should look at to help with this issue?
the font was increased the way
/*kendo-pdf-document .k-grid th { font-size: 25px; word-wrap: break-word; }*/
but if the header does not fit, it is cut, word-wrap does not work, how to make header wrap?
Hello Team,
We are currently facing challenges with the Kendo grid, which is a widely used widget or component at o9Solutions. Although we have been using Kendo for a long time, the widget is failing to meet accessibility standards for some components, which are crucial in today's world.
Regarding the Kendo grid, there is an issue where SR is reading the table twice, once for the header and once for the cells. This can cause confusion for assistive technologies like SR.
Consider the cases of horizontal scroll or fixed column cases also.
Having a single <table> is the standard. We can't create multiple tables, which will violate the good coding practices + accessibility standards.
---
I saw some posts regarding this... where it was mentioned we can remove this Scrollable() . But what are the cons of this if we remove this?
--
We want this functionality like a horizontal or vertical scroll or fixed column cases.But it needs to recognize as a single table.
Case: Frozen [Name and hometown ..enabled locked flag]. It's considered as 4 table.
https://dojo.telerik.com/oXoroDav
Case 2: normal one. It's considered as 2 table.
Dojo: https://dojo.telerik.com/@naseer743/eyeVuCep
Hi.
I have a problem with the pagination grid when inside a tabstrip. and I don't know why this happens and how to solve it.
<div class="h-100">
<div id="tabstrip" class="h-100">
<ul>
<li class="k-active">Arbeitsschritte</li>
<li>Mitteilungen</li>
<li>Wiedervorl</li>
</ul>
<div id="tab1" class="vh-100">
<div id="grid1"></div>
</div>
<div class="vh-100">
<div id="grid2"></div>
</div>
<div class="vh-100">
<div id="grid3"></div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$("#tabstrip").kendoTabStrip();
$("#grid1").kendoGrid({
dataSource: {
type: "odata",
transport: {
read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
},
pageSize: 20
},
height: '100%',
groupable: true,
sortable: true,
columnMenu: true,
resizable: true,
reorderable: true,
pageable: {
refresh: true,
pageSizes: true,
buttonCount: 5
},
columns: [{
field: "ContactName",
title: "Contact Name",
width: 240
}, {
field: "ContactTitle",
title: "Contact Title"
}, {
field: "CompanyName",
title: "Company Name"
}, {
field: "Country",
width: 150
}]
});
$("#grid2").kendoGrid({
dataSource: {
type: "odata",
transport: {
read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
},
pageSize: 20
},
height: '100%',
groupable: true,
sortable: true,
columnMenu: true,
resizable: true,
reorderable: true,
pageable: {
refresh: true,
pageSizes: true,
buttonCount: 5
},
columns: [{
field: "ContactName",
title: "Contact Name",
width: 240
}, {
field: "ContactTitle",
title: "Contact Title"
}, {
field: "CompanyName",
title: "Company Name"
}, {
field: "Country",
width: 150
}]
});
$("#grid3").kendoGrid({
dataSource: {
type: "odata",
transport: {
read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
},
pageSize: 20
},
height: '100%',
groupable: true,
sortable: true,
columnMenu: true,
resizable: true,
reorderable: true,
pageable: {
refresh: true,
pageSizes: true,
buttonCount: 5
},
columns: [{
field: "ContactName",
title: "Contact Name",
width: 240
}, {
field: "ContactTitle",
title: "Contact Title"
}, {
field: "CompanyName",
title: "Company Name"
}, {
field: "Country",
width: 150
}]
});
})
</script>
I have a kendoGrid, on initial load I am able to see the pagination being set and datasource.total has some value:
On Initial load:
When I click on the default "cancel" option from my toolbar, the total is "undefined".:
OnCancel:
I can see the data in my grid, but the pagination footer displays "No items to display"