Given this code:
cols - API Reference - Kendo UI TextArea - Kendo UI for jQuery (telerik.com)
If I change the cols from 30 to 3 it doesn't seem to change the width of the textarea? Isn't the width of the textarea supposed to decrease?
<textarea id="description"></textarea>
<script>
$("#description").kendoTextArea({
rows:20,
cols:30,
resizable: "vertical"
})
</script>
Is this a bug?
Thanks!
George
Hello,
I am currently using Kendo version 2024.1.130 with ASP.NET core Razor Pages.
In this version I am unable to get a sum aggregate to show. Nothing woks, not even a "ABC" string. The footer is visible and all columns contain a
Relevant Code:
@(Html.Kendo().Grid<ItemViewModel>()
.Name("grid")
.Filterable()
.Sortable()
.Scrollable()
.Columns(columns =>
{
//...
columns.Bound(c => c.ExtendedPrice).Title("Extended Price").Format("{0:n0}").ClientFooterTemplate("#=sum#");
//...
})
.DataSource(dataSource => dataSource
.Ajax()
.Aggregates(aggregates =>
{
aggregates.Add(p => p.ExtendedPrice).Sum();
})
.Read(read => read.Action("GetList", "Bom").Type(HttpVerbs.Get).Data("getParameters"))
.Events(e => e.Error("showSimpleModelStateErrors").RequestStart("clearErrors").RequestEnd("gridDataLoaded"))
)
Is there a way to expand disabled nodes in the treeview component? There was a solution (https://www.telerik.com/forums/expand-disabled-nodes) but with the current version of kendo-ui it does not work anymore.
It seems that the expand/collapse icon is now disabled as well and it does not fire any event. Is there another solution to make this work again?
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">
Hi all,
I built the custom JS of Window widget by command below, the window is working but the upper right corner doesn't show action icons (Pin/Minimize/Maximize/Close).
npx gulp custom -c window
From the screenshot attached, you can see there is still finger cursor when mouse over the upper right corner, if I click it, the browser console shows error below:
Uncaught TypeError: /\bk(-svg)?-i(-\w+)+\b/.exec(...) is null
jQuery 16
viewEmail email_template_log_list.php:124
<anonymous> :1
kendo.custom.js:10130:16
However, there is no any problem if I simply use ./dist/js/kendo.ui.core.min.js instead of ./dist/js/kendo.custom.min.js . Is it a bug or I've missed something?
Hello,
Can anyone help me locate references or documentation on how to customize the SVG of a linear Gauge?
Basically, I want to create a Battery Gauge. (example attached)
We are testing 2023.3.1114. I checked the release notes of 2024.1 and didn't see anything. We are using LitElement to make a custom control that creates the kendoSwitch as show below. Not sure what is triggering the 2nd event. Although, I think
initWidget() {
const selector = '#' + this.elemId;
const chkMsg = (typeof this.checkedMsg === 'string') ? this.checkedMsg : 'yes';
const unchkMsg = (typeof this.uncheckedMsg === 'string') ? this.uncheckedMsg : 'no';
const options = {
checked: this.isChecked,
enabled: this.isEnabled,
messages: {
checked: chkMsg,
unchecked: unchkMsg,
},
change: (e) => {
this.updateValue(e.checked);
}
};
$(selector).kendoSwitch(options);
}
updateValue(newValue) {
// fire a change event to the element
$(this).trigger(CHANGE, [newValue]);
this.textValue = String(newValue);
this.requestUpdate();
}
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 !