Hi Team,
I would like to request an example in the Kendo UI demonstrations which shows how to integrate the Kendo UI Upload with a Kendo UI Grid. It would also be nice to be able to submit files from selected files from the Grid using the Upload.
Thank you!
Bug report
Reproduction of the problem
Dojo example: https://dojo.telerik.com/oDOcanIk
- Drag tile A and drop it after tile B
Current behavior
The checked radio button of the RadioGroup appears unchecked.
Expected/desired behavior
The RadioGroup check state remains the same.
Environment
- Kendo UI version: 2022.2.802
- jQuery version: x.y
- Browser: [all]
Bug report
When a PopUp edit mode is used with a custom template, the template is shown with an additional edit field for each column. The problem appears only on a mobile.
Reproduction of the problem
Open the following dojo example:
https://dojo.telerik.com/AKoyIqit/7
on a mobile phone and try to edit a record in the Grid. The template appears, but also an input field for each column is shown.
Expected/desired behavior
Only the declared template should be shown inside the PopUp window.
Environment
- Kendo UI version: 2022.2.802
- Browser: [all]
Hi Team,
I'd like to request a similar example based on the virtualization of local data demo for UI for ASP.NET MVC.
Thank you!
.jpg){kind=avatar}
Describe the bug
Scenario: a Window appended to the content of a TabStrip tab. If the content is scrolled down, when you open the Window it does not appear centered. Reproducible only with the SASS themes.
To reproduce
Steps to reproduce the behavior:
- Go to this dojo example: https://dojo.telerik.com/unopUDaQ/7
- Follow the instructions in tab 1: scroll down to the bottom of the tab's content and click the button.
- The Window shows up, but it is not centered. In Chrome the tab's content is automatically scrolled up a little bit.
- On dragging the Window, the mouse cursor is offset from the title.
Expected behavior
The behavior with the LESS themes is the expected one. The Window appears centered and there is no offset when dragging it.
Affected package (please remove the unneeded items)
- theme-default
- theme-bootstrap
- theme-material
Affected suites (please remove the unneeded items)
- Kendo UI for jQuery
Affected browsers (please remove the unneeded items)
- All
Build system information (please remove the unneeded items)
- Not Applicable
Bug report
When the Grid AutoBind() configuration is set to false, the Grid is rendering an empty cell in the row element with class .k-no-data. (Image.png)
Reproduction of the problem
Set AutoBind configuration of Telerik UI for Asp.Net MVC Grid to 'false'. The Grid is rendered correctly except for the empty row and the empty cell in the table body.
Current behavior
An empty row with one empty cell is rendered.
Expected/desired behavior
The tbody element should be empty.
Environment
- Kendo UI version: 2022.2.621
- Browser: [all]
Bug report
Reproduction of the problem
Reproducible in the demos: https://demos.telerik.com/aspnet-mvc/grid/persist-state
- Inspect the rendering of the "Contact Name" header in the MVC and Kendo UI for jQuery demos.
Current behavior
The difference in the rendering is shown below. In the Kendo UI Grid's Html, there is a span with class "k-cell-inner" that wraps the ".k-link" span, whereas in the MVC Grid, only an anchor is rendered.
Kendo UI:
<th scope="col" role="columnheader" data-field="ContactName" aria-haspopup="true" rowspan="1" data-title="Contact Name" aria-label="Contact Name Press ctrl + space to group" data-index="0" id="a44eadd9-62c6-4154-9735-4351a9cb5064" class="k-header k-filterable" data-role="columnsorter" style="touch-action: none;">
<span class="k-cell-inner">
<span class="k-link">
<span class="k-column-title">Contact Name</span>
</span>
<a class="k-header-column-menu" href="#" title="Contact Name edit column settings" aria-label="Contact Name edit column settings" tabindex="-1">
<span class="k-icon k-i-more-vertical"></span>
</a>
</span>
</th>
MVC:
<th class="k-header k-filterable" data-field="ContactName" data-index="0" data-title="Contact Name" id="f28afe50-210a-474d-9943-113f6bd4ad15" scope="col" data-role="columnsorter" style="touch-action: none;">
<a class="k-link" href="/aspnet-mvc/grid/persiststate_customers_read?grid-sort=ContactName-asc">Contact Name</a>
<a class="k-header-column-menu" href="#" title="Contact Name edit column settings" aria-label="Contact Name edit column settings" tabindex="-1">
<span class="k-icon k-i-more-vertical"></span>
</a>
</th>
Expected/desired behavior
Identical rendering.
Environment
- Kendo UI version: 2022.2.802
- jQuery version: x.y
- Browser: [all ]
Creating a Telerik project for the "Standard" option is broken (VB.NET and C#):
1. The project fails building due to this error:
2. The rendered hamburger menu does not appear properly:
Bug report
If a RadioGroup is used for editing a required field, the validator is fired if a selection is not made. However, when selecting a field after the validation message appears and blurring the field, the other inputs of the RadioGroup remain marked as invalid.
Reproduction of the problem
Open the dojo:
https://dojo.telerik.com/eSEliROr/3
- Try to submit the form.
- The validation is triggered since the form is invalid, which is correct.
- Select Name and click anywhere on the page.
- The other options are still recolored as invalid
Expected/desired behavior
When an option is selected and the input is no longer focused, the validation message should disappear. Also, the other inputs should no longer be marked as invalid.
Environment
- Kendo UI version: 2022.2.621
- Browser: [all]
Bug report
Reproduction of the problem
Dojo example: https://dojo.telerik.com/InUYAheR/4
Drag and drop a row from Grid2 to Grid1 by following the steps below:
- Click and hold down the mouse button within a Grid2 row, just before its ID value or a little after it.
- Drag the row to Grid1 and drop it over row 3 or row 4.
Current behavior
Grid1's first row values get updated, instead of the drop target row values. This is because e.target in the DropTarget's "drop" event does not return the actual target you drop over.
If you click and drag in the middle of the Grid2 row, drag it and drop it over a row in Grid1, the drag and drop functionality works as expected: e.target returns the correct target.
Expected/desired behavior
e.target should consistently return the target you drop over, regardless of where in the dragged row you have clicked.
Environment
- Kendo UI version: 2022.2.621
- jQuery version: x.y
- Browser: [all]
Bug report
When a RadioGroupFor is used as an editor template for the Grid, the property of the model is not bound to the component. The data-bind attribute is missing in the rendered HTML.
Reproduction of the problem
In the attached project, try to edit a record from the Grid. The property RGVal is not bound to the RadioGroup editor.
Adding the following configuration fixes the behavior:
.HtmlAttributes(new { data_bind="value:RGVal"})
Current behavior
The property is not bound to the editor.
Expected/desired behavior
The property should be bound to the editor.
Environment
- Kendo UI version: 2022.2.510
- Browser: [all]
TelerikMvcApp18.zip
WebView ]
I am using an ASP.NET MVC application with WebPack and Javascript modules. To initialize the Kendo components I embed the deferred scripts in a javascript function, which is then called by the JS view model.
My problem is: Kendo registers the initialization scripts through the SyncReady function, which is then called asynchronously on the document.ready event. But there is no way to configure the controls after initialization in the javascript. So e.g. an OnAfterInit event or similar. For controls like the TileLayout this is very annoying, because no user gets the idea to click a button to load the "right" layout. But surely the other controls would also benefit from such an event. Also a global entry point after processing "syncReady" would be useful.
One of my forms has a multiselect control and it binds to items some of which contain a comma (",") .
The problem is that when form is submitted kendo multiselect returns multiple selected items separated by comma and it's difficult to separate items on backend.
Why can't multiselect control have a property named SeparationCharacter like:
.SeparationCharacter("*")
This way developers can choose how items will be separated on the backend and this will make our life little easier and save some development time.
Currently, if the field the CheckBoxFor helper is bound to has a custom validation attribute, for example:
[MyCustomValidation(ErrorMessage = "Custom error message.")]
public bool Checkme { get; set; } [AttributeUsage(AttributeTargets.Property)]
public class MyCustomValidation : ValidationAttribute, IClientValidatable
{
//...
}the CheckBox's input does not render a data-val-mycustomvalidation="Custom error message." attribute.
The standard MVC @Html.CheckBoxFor helper renders the data-val attribute, so it would be nice if the Telerik's CheckBoxFor helper had the same capabilities.
More details: Ticket ID: 1570806
