https://demos.telerik.com/aspnet-mvc/grid/foreignkeycolumn
In addition to the Foreign Key editor template, populate a list which holds all the categories and pass it via the ViewData - you can see how this is done in the ForeignKeyColumnController.cs PopulateCategories() method.
On the above page, the above statement is made. Other than the function call to PopulateCategories() I don't ever see the actual code run in the function shown anywhere. Can someone please add that code and/or point me to my misunderstanding?
Thank you.
Court Harris
Equity Residential
Enhancement
Currently, the RadioGroup binding does not implement the extended functionality for
Reproduction
RadioButtons have different behavior from the RadioGroup, when selecting values :
https://dojo.telerik.com/@protest/ovedihat
Expected/desired behavior
RadioGroup should have the same behavior.
Environment
- Kendo UI version: 2022.1.119
- Browser: [all]
Hi,
We are using globalization with UI for ASP.NET MVC to translate control to French (fr-CA). However, while most messages are correctly displayed in French, there are some that are still displayed in English. For example, if we use the Grid control with filter on a 'string' column, the dropdown for the operators shows both French ("Commence par") and English ("Is empty") operators:
Looking at the source code, we can see that in ressource files "Messages.fr-FR.resx" and "Messages.fr-CA.resx", there are some messages that are still in English (for example, Filter_StringIsEmpty).
Note that corresponding text seems to be correctly translated in jQuery messages file (for example, "kendo.messages.fr-CA.js"), so it might only be a matter of applying the same translation to .resx files.
Note also that the same problem seems to be present in the source code of the latest version (2020.1.114).
Thanks!
I have created this basic panelbar, in which expandall is set to false and one of the panelbars (i.e., General Info) is set to be expanded by default.
The problem is now with the second panelbar (Advanced Info), which is collapsed by default, but is not able to expand even after trying.
All that's changing is expand and collapse arrow.
The same was working properly in earlier versions.
Hoping for your earliest response.
@(Html.Kendo().PanelBar()
.Name("Panelbar").Events(e => e.Error("onError").Expand("OnExpand").Collapse("OnCollapse"))
.ExpandAll(false)
.Items(panelbar =>
{
panelbar.Add().Text("General Info")
.Expanded(true)
.Content(@<div class="container" style="margin:1%;width:auto"><p>HI</p></div>);
panelbar.Add().Text("Advanced Info")
.Content(@<div class="container" style="margin:1%;width:auto"><p>HI</p></div>);
})
)
</div>
Bug report
The DropDownList is incorrectly marked as invalid, when another field of the model is invalid.
Reproduction of the problem
Sample project attached.
MVCFormValidation.zip
- Run the project
- Click the submit button. It submits the form and in the submit action a model error is added to a specific field of the model: ModelState.AddModelError("NumberOfShares", "Number not in the expected range");
Current behavior
Two validation errors appear after the form submission: one for the NumberOfShares field and a second one for the Country.Id field, for which a DropDownList editor is used.
Expected/desired behavior
A validation error appears only for the NumberOfShares field.
Note that if no editor is specified for the Country.Id field (instead of using a DropDownList editor), e.g.,
i.Add()
.Field(f => f.Country.Id)
.Label(l => l.Text("Country"));
no validation error message is shown for Country.Id.
Environment
- Kendo UI version: 2023.3.1114
- jQuery version: x.y
- Browser: [all]
When the Kendo UI TreeView (DropDownTree as well) is nested inside a template and the Checkboxes(true) property is set, Invalid Template error is thrown.
For instance:
<script type="text/x-kendo-template" id="template">
@(Html.Kendo().TreeView()
.Name("treeview")
.Checkboxes(true)
.Items(treeview =>
{
treeview.Add().Text("My Web Site")
.SpriteCssClasses("folder")
.Expanded(true)
.Checked(true)
.Items(root =>
{
root.Add().Text("images")
.Expanded(true)
.SpriteCssClasses("folder")
.Items(images =>
{
images.Add().Text("logo.png")
.SpriteCssClasses("image");
images.Add().Text("body-back.png")
.SpriteCssClasses("image");
images.Add().Text("my-photo.jpg")
.SpriteCssClasses("image");
});
root.Add().Text("resources")
.Expanded(true)
.SpriteCssClasses("folder")
.Items(resources =>
{
resources.Add().Text("pdf")
.Expanded(true)
.SpriteCssClasses("folder")
.Items(pdf =>
{
pdf.Add().Text("brochure.pdf")
.SpriteCssClasses("pdf");
pdf.Add().Text("prices.pdf")
.SpriteCssClasses("pdf");
});
});
});
}).ToClientTemplate()
)
</script>
function showDetails(e) {
e.preventDefault();
var detailsTemplate = kendo.template($("#template").html());
var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
var wnd = $("#Details").data("kendoWindow");
wnd.content(detailsTemplate(dataItem));
$("#SendArtifactId").val(dataItem.ArtifactId);
wnd.center().open();
}
Bug report
Reproduction of the problem
Reproducible in the demos:
- Create a second sheet.
- Select the new sheet ("Sheet1") and scroll the horizontally to column U. Add a value to the U1 cell.
- Select the first sheet ("Food Order").
- Select A17 and enter the following value: =SUM(C5,
- Select "Sheet1" and try to navigate to U1 either through the keyboard or through scrolling the sheet.
Current behavior
A popup with an error message appears.
Expected/desired behavior
The user should be able to navigate to the desired cell, in order to add it as a reference to the formula.
Environment
- Kendo UI version: 2021.2.511
- jQuery version: x.y
- Browser: [all]
Right now the Telerik UI MVC NuGet package is a 30 MB package that installs not just the DLL, but a lot of boilerplate JavaScript and CSS. I prefer to acquire the necessary content via Bower, so I can only install what I need. Currently, after every upgrade I have to wait for the package to install, then delete all of the unused content files. It would be nice if you supplied an "assembly-only" package, moving the content into an optional package that users who still need it could install. It would reduce upgrade time substantially, as well as offer less chance for a mistake.
Upgrade wizard fails with error:
An error occurred while running the wizard. Error executing custom action Telerik.KendoUI.Mvc.VSX.Actions.MultiProjectUpdateMasterPageAction: System.IO.DirectoryNotFoundException: Could not find a part of the path 'C:\Users\chyejo\AppData\Roaming\Telerik\Updates\telerik.ui.for.aspnetmvc.hotfix.2023.3.1114.commercial\styles\kendo.common-font-icons'. at System.IO.__Error.WinIOError(Int32 errorCode, String maybeFullPath) at System.IO.FileSystemEnumerableIterator`1.CommonInit() at System.IO.FileSystemEnumerableIterator`1..ctor(String path, String originalUserPath, String searchPattern, SearchOption searchOption, SearchResultHandler`1 resultHandler, Boolean checkHost) at System.IO.Directory.GetFiles(String path, String searchPattern) at Telerik.VSX.Web.Actions.CommonStyleRetrievers.SpecificSkinRetriever.GetCommonStyleFilesRecursive(String name) at Telerik.VSX.Web.Actions.CommonStyleRetrievers.SpecificSkinRetriever.CheckSkinExists() at System.Linq.Enumerable.First[TSource](IEnumerable`1 source, Func`2 predicate) at Telerik.VSX.Web.Actions.CommonStyleRetrievers.KendoSkinRetriever.GetSkin() at Telerik.KendoUI.Mvc.VSX.Actions.UpdateMasterPageAction.GetSkin(String skinName) at Telerik.KendoUI.Mvc.VSX.Actions.AdvancedUpdateMasterPageAction.RetrieveMasterPageSettingsUpgradeInfo(IPropertyDataDictionary arguments, IProjectWrap project) at Telerik.KendoUI.Mvc.VSX.Actions.UpdateMasterPageAction.Execute(WizardContext wizardContext, IPropertyDataDictionary arguments, IProjectWrap projectWrap) at Telerik.VSX.Actions.MultiProjectActionBase`1.Execute(WizardContext wizardContext, IPropertyDataDictionary arguments) at Telerik.VSX.WizardEngine.ActionManager.ExecActions()
The issue is present only when a field in the model has been updated. When an invalid value is attempted to be saved, the validation is triggered. Upon pressing the Esc key, the dirty indicator should not be shown.
The expected behavior would be to not show the dirty indicator at all as the value has been returned to the initial one. Furthermore, the indicator is not positioned in the left top corner but immediately above the value.
Steps to replicate:
1. Change the value of any field.
2. Navigate to a field which has validation.
3. Set an invalid value in order to trigger the validation, respectively show a validation message.
4. Press Esc to undo the change.
5. The dirty indicator is shown and mispositioned.
Dojo sample:
https://dojo.telerik.com/iHoRaWIg
Short video demonstration:
https://screencast-o-matic.com/watch/cqhbjKTeK2
Bug report
Regression introduced in R3 2023 SP1
If an initially hidden column is shown with the showColumn API method, the column header remains hidden because of the k-hidden class that remains in the th element.
Reproduction of the problem
- Click on the button above the Grid in the example below
<input type="button" name="btn1" value="Show the hidden columns" onclick="btn1Click()" />
<br />
<br />
@(Html.Kendo().Grid<TelerikMvcApp1.Models.OrderViewModel>()
.Name("Grid")
.Columns(columns =>
{
columns.Bound(p => p.OrderID);
columns.Bound(p => p.Freight);
columns.Bound(p => p.ShipName);
columns.Bound(p => p.ShipCity).Hidden(true);
columns.Bound(p => p.OrderDate).Format("{0:MM/dd/yyyy}").Hidden(true);
})
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("Orders_Read", "Grid"))
)
)
<script>
function btn1Click() {
var grid = $("#Grid").data("kendoGrid");
grid.showColumn("ShipCity");
grid.showColumn("OrderDate");
}
</script>
Current behavior
The hidden columns are shown but their headers remain hidden.
As a workaround, the k-hidden class can be removed from the column header, after showing the column:
grid.showColumn("ShipCity");
$(".k-grid .k-header[data-field='ShipCity']").removeClass("k-hidden");
Expected/desired behavior
The columns and their headers are shown.
Environment
- Kendo UI version: 2023.3.1114
- jQuery version: x.y
- Browser: [all ]
Bug report
Reproduction of the problem
Dojo example: https://dojo.telerik.com/UWicoqeJ
- Focus an empty cell and paste the following formula: =IF(AND(H4-I4>=B4, H4+I4<=C4), "OK", "NO OK")
Current behavior
The cell will display: "NO OK"
Expected/desired behavior
The cell should display: "OK" as it does in Excel.
Environment
- Kendo UI version: 2022.3.1109
- jQuery version: x.y
- Browser: [all]
Bug report
- Open the following demo on a mobile device in landscape mode:
https://demos.telerik.com/kendo-ui/signature/index - Try to draw.
Current behavior
Drawing line is being offsetted.
Expected/desired behavior
Drawing line should be applied correctly.
The issue might be related to #7108
Environment
- Kendo UI version: 2022.3.1109
- Browser: [all]
Bug report
Reproducible in Chrome and IE11. In Firefox highlighting a row and applying formatting (bold) applies it only to the first cell on the row.
Reproduction of the problem
- Copy/paste a table from Excel into the Editor.
- Highlight the first row and use the Bold tool.
- Inspect the table Html.
Current behavior
strong tags are added under the tr element
Expected/desired behavior
strong tags are added only under the td elements.
Environment
- Kendo UI version: 2019.2.514
- jQuery version: x.y
- Browser: [Chrome, IE]
Bug report
Reproduction of the problem
Dojo: https://dojo.telerik.com/oQeDIxUv
- Inspect the selected tag of the MultiSelect. It has the k-disabled class.
- Click the anchor above the component to enable it.
Current behavior
After the component is enabled, the k-disabled class remains in the tag.
Expected/desired behavior
The k-disabled class is removed.
Environment
- Kendo UI version: 2023.1.425
- jQuery version: x.y
- Browser: [all]
My code is below. How do I get the field to validate after losing the focus?
var DropDownList = (function (init) {
return kendo.ui.DropDownList.extend({
init: function (element, options) {
var that = this;
init.call(that, element, options);
that.wrapper.keydown(function (e) {
if (e.ctrlKey && e.shiftKey) {
that.open();
return;
}
var keyCode = e.keyCode || e.which;
if (keyCode !== 9 && keyCode !== 13) {
that.open();
}
});
$(that.filterInput).bind("keydown", function (e) {
var keyCode = e.keyCode || e.which;
if (keyCode === 9 || keyCode === 13) {
var press = jQuery.Event("keydown");
press.ctrlKey = false;
press.keyCode = 13;
press.which = 13;
$(that.wrapper).trigger(press);
}
});
},
options: {
name: "DropDownList",
dataValueField: "Value",
dataTextField: "Text",
filter: "contains",
minLength: 1,
ignoreCase: true,
animation: false,
valuePrimitive: true
}
});
})(kendo.ui.DropDownList.fn.init);
kendo.ui.plugin(DropDownList);
I'm looking for the ability to track changes from the editor. I see the feature exists in the Ajax version of the controls:
https://demos.telerik.com/aspnet-ajax/editor/examples/trackchanges/defaultcs.aspx