Bug report
Regression introduced in 2024.4.1112.
Reproduction of the problem
- Run this Dojo example - https://dojo.telerik.com/lhLEDEve
Current behavior
The gutter values are ignored:
$("#exampleform").kendoForm({
formData: {
FirstName: "John",
LastName: "Doe",
Email: "john.doe@email.com",
Country: "1",
City: "Strasbourg",
AddressLine: ""
},
layout: "grid",
grid: {
cols: 2,
**gutter: 50**
},
items: [
{
type: "group",
label: "Personal Information",
layout: "grid",
grid: { cols: 1, **gutter: 50** },
//...
Expected Behavior
The gutter values are applied to the Form.
Workaround:
Set the values through CSS:
<style>
/*columns gap */
.k-form .k-form-layout {
column-gap: 50px;
}
/*rows margin*/
.k-form-md .k-form-field, .k-form-md .k-form-buttons {
margin-top: 50px;
}
</style>
Environment
- Kendo UI version: 2025.1.227
- Browser: [all]
@Html.Kendo().RadioGroupFor(m => m.UserType).LabelPosition(RadioGroupLabelPosition.After).Layout(RadioGroupLayout.Vertical).Items(item =>
{
item.Add().Label("Test1").Value("Test1");
item.Add().Label("Test2").Value("Test2");
item.Add().Label("Test3").Value("Test3");
})
@Html.ValidationMessageFor(m => m.UserType, "", new { @class = "text-danger" })
The above code shows required validation for UserType from server side properly. ( UserType variable decorted with Required )
However from client side it does NOT. Unfortunately I cannot use (form).KendoValidator()
In many applications we use passwords. Would love to have a field that allows for the setting of a type to "password" without templates.
.PasswordTextField() or something similar.
**Added by Admin**
If I pass in the model, the fields should get affected by the `DataType(Datatype.Password)` data annotation attribute.
Hi Team,
I would like to request to add Building Blocks and Page Templates for UI for ASP.NET MVC/Core.
Thank you!
Bug report
In a state persistence scenario, the Grid state is not properly restored when the "all" pageSizes option is selected.
Reproduction of the problem
- Run this dojo example: https://dojo.telerik.com/yGLYKKQz
- Select "all" in the Grid's pager dropdown and click the Save button above the component.
- Select a different page size option in the pager dropdown, e.g., 20.
- Click the Load button.
Current behavior
The Grid shows page 1 of the data and the currently selected page sizes option is shown (e.g., 20).
Expected/desired behavior
The Grid shows all the data and the pager dropdown shows "all" as the selected value.
Environment
- Kendo UI version: 2024.4.1112
- Browser: All
// retrieve the Editor widget object
var editor = $("#editor").data("kendoEditor");
// attach a click handler on the tool button, which opens the ImageBrowser dialog
editor.toolbar.element.find(".k-i-image").parent().click(function () {
// a setTimeout is required, otherwise the ImageBrowser widget will still not be initialized
setTimeout(function () {
// retrieve the ImageBrowser widget object
var imageBrowser = $(".k-imagebrowser").data("kendoImageBrowser");
console.log(imageBrowser);
// retrieve the ListView widget object
var listView = imageBrowser.listView;
console.log(listView);
// order the image list by directory first and then by file name
listView.dataSource.sort({
field: "type", dir: "asc", compare: function (a, b) {
if (a.type!=b.type) {
return (a.type > b.type) ? 1 : -1;
}
else {
return a.name === b.name ? 0 : (a.name > b.name) ? 1 : -1;
}
}
});
});
Hi Team,
I would like to request the UI for ASP.NET MVC Editor's ImageBrowser include a schema similar to the Kendo UI for jQuery version to describe the raw data format. This would additionally help the transition from the JavaScript version to the MVC version.
Thank you!
TextBox is always with autocomplete="off".
I know I can handle it by $(el).attr("autocomplete", "whatever"), but I think there should be an option how to handle autocomplete attribute on TextBox widget (and other widgets if any renders in the same way), because adding that part of code to all of desired elements is not nice solution for me...
Thanks!
### Bug report
When setting the NoDataTemplate() option to an empty string, the option is not serialized.
### Reproduction of the problem
1. Define an AutoComplete with NoDataTemplate("")
2. Search for a non-existing option and notice how the popup opens and displays the default "No data found" message. When initializing the AutoComplete with jQuery and the "noDataTemplate" is set to "", the popup does not open.
A REPL sample for reproduction: https://netcorerepl.telerik.com/cfkPEClS50FUVU5z00
### Expected/desired behavior
When the NoDataTemplate("") is set and there are no results, the popup must not open. The NoDataTemplate option must work equally when using either the AutoComplete HtmlHelper or Kendo UI for jQuery AutoComplete.
### Environment
* **Telerik UI for ASP.NET MVC version: 2024.4.1112
* **Browser: [all]
Is it possible to implement a MaxLength() option in the Filterable(f => f.Cell()) configuration that will set the maxlength attribute to the Filter row element in order to limit the length of the string that the user can enter into the Filter row input?
For example:
@(Html.Kendo().Grid(Model)
.Name("grid")
.Columns(columns =>
{
columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.MaxLength(5)));
})
...
)
Describe the bug
Setting the Sortable "cursor" option results in inline styles being applied through the _setCursor function in kendo.all.min.js. This causes a CSP related js exception.
To reproduce
- On a page with strict Content-Security-Policy enabled, drag and drop an item using the example below:
<ul id="sortable">
<li>ItemA1</li>
<li>ItemA2</li>
<li>ItemA3</li>
</ul>
<script>
$("#sortable").kendoSortable({
cursor: "move"
});
</script>
Expected behavior
No inline styles should be added, to ensure CSP compatibility.
Actual behavior
A js error related to inline styles is thrown.
Affected browsers (please remove the unneeded items)
- All
Product Version
2024.4.1112
Bug report
The jQuery dependency is defined as follows in the package .nuspec file:
<dependency id="jQuery" version="(, 3.7.1]" />
This causes the following warning to appear when installing the package in a project:
Telerik.UI.for.AspNet.Mvc5 2024.3.1015 does not provide an inclusive lower bound for dependency jQuery (<= 3.7.1). jQuery 1.4.1 was resolved instead.
The affected packages are:
Telerik.UI.for.AspNet.Mvc5
Telerik.UI.for.AspNet.Mvc5.Trial
Reproduction of the problem
Install the Telerik.UI.for.AspNet.Mvc5 package in a project and check the warnings list.
Current behavior
Warning:
Telerik.UI.for.AspNet.Mvc5 2024.3.1015 does not provide an inclusive lower bound for dependency jQuery (<= 3.7.1). jQuery 1.4.1 was resolved instead.
Expected/desired behavior
Add a lower bound (https://learn.microsoft.com/en-us/nuget/reference/errors-and-warnings/nu1604) to resolve the warning about the jQuery dependency.
Environment
- Kendo UI version: 2024.3.1015
- jQuery version: x.y
- Browser: [all]
System.NullReferenceException: Object reference not set to an instance of an object.
at Telerik.KendoUI.Mvc.VSX.Wizards.ViewModels.MvcDistributionChooserUpgradeViewModel.GetProjectWithLowestTargetFramework(List`1 projects)
at Telerik.KendoUI.Mvc.VSX.Wizards.ViewModels.MvcDistributionChooserUpgradeViewModel.GetDistributions()
at Telerik.VSX.ViewModels.DistributionChooserViewModelBase`1.get_Distributions()
at Telerik.VSX.ViewModels.DistributionChooserViewModelBase`1.get_CurrentDistribution()
at Telerik.KendoUI.Mvc.VSX.Wizards.UpgradeProjectWizard.TryGetDistributionToken(TargetMvcVersion mvcVersion)
at Telerik.KendoUI.Mvc.VSX.Wizards.UpgradeProjectWizard.GetPropertyValue(String propertyName)
at Telerik.VSX.WizardEngine.Controls.WizardControlBase.PopulateCollectedValues(IPropertyDataDictionary gatheredData)
at Telerik.VSX.WizardFramework.Pages.DynamicPageController.GetData()
at Telerik.WizardFramework.Wizard.GetCurrentPageData()
at Telerik.WizardFramework.Wizard.UpdateNavigation()
at Telerik.WizardEngine.Helpers.EventHelper.CatchExceptionAndSendReport(Action action)
@(Html.Kendo().Grid<VIP_Logic.Models.Dashboard.CriteriaModel>().Name("dgdCriteria")
.Columns(column =>
{
column.Bound(b => b.ParamIndex).Title("No.").Width(40);
column.ForeignKey(b => b.ColumnName, (IEnumerable<SelectListItem>)ViewBag.LstColumnNames, "value", "text").HtmlAttributes(new { style = "text-align: left", onChange = "onChangeColumn('#=ParamIndex#');" }).Title("Column").Width(100);
column.ForeignKey(b => b.Operator, (IEnumerable<SelectListItem>)ViewBag.LstOperators, "value", "text").HtmlAttributes(new { style = "text-align: left", onChange = "onChangeOperator('#=ParamIndex#');" }).Title("Operator").Width(100);
column.Bound(b => b.ParamValue).HtmlAttributes(new { style = "text-align: left", onChange = "setCriteriaXml();" }).Title("Value").Width(150).Encoded(false);
column.Bound(b => b.ParamIndex).ClientTemplate("<button class= 'k-button' type='button' onclick=onRemoveCriteria('#=ParamIndex#')>" + "Remove" + "</button>").HtmlAttributes(new { style = "text-align: center" }).Title(string.Empty).Width(50);
})
All the function in onchange attribute required a parameter ParamIndex. In old version, the syntax "#=ParamIndex#'" still work fine, but since i upgrade Kendo UI to latest version, this syntax doesn't work anymore. How can i make it work like old version?
Hi Team,
I would like to request a way to bind a Kendo UI Template to a UI for ASP.NET MVC CheckBox HtmlHelper. At the moment, it only accepts a boolean, so a string template will not work as expected.
Thank you!
Bug report
Reproduction of the problem
- Run this dojo example: https://dojo.telerik.com/EpOWEPoz/3
Current behavior
The Test1 event is rendered too short (compare it to the other 2 events). This happens only with certain majorTick values, e.g., 660 or 600.
Expected/desired behavior
Correct event rendering
Environment
- Kendo UI version: 2024.2.514
- jQuery version: x.y
- Browser: [all]
### Enhancement
Add a template property to the Dialog actions that allow inserting HTML into the button's text.
Right now, the following snippet will produce an HTML encoded value:
$("#dialog").kendoDialog({
...
actions: [{
text: "<span>OK</span>"
}]
});
### Expected Result
The expected result of this enhancement is to enable the developers to add the HTML into the action buttons text.
Is it possible to create a template option for the ProgressBar value? It can be used when the ProgressBar value must be formatted based on the current culture (for example, when the number groups must be separated by space rather than comma (",")).
$("#progressbar").kendoProgressBar({
min: 10,
max: 20,
value: 15,
template: "#:kendo.toString(kendo.parseFloat(data.value), 'n2', 'fr-FR')#"
});