Bug report

Not reproducible with Sass themes.

Reproduction of the problem

https://dojo.telerik.com/ejaVeZUD/7

Current behavior

Map custom markers are not positioned correctly when zooming out using 'Less' themes

Expected/desired behavior

Markers are positioned correctly when zooming out.

Environment

• Kendo UI version: 2021.3.1109
• jQuery version: x.y
• Browser: [all]

In the Text Editor, I would like to suggest an upgrade to "Insert hyperlink". It would be great if you would split out the prefix from the address and have a selector that allows the user to choose website, email, or phone.

Selector: Website/Email/Phone
Address:sales@kendoui.com
Text: Kendo UI
Tooltip: Click Here
Open Link in new window: No

Results:
<a href="http://www.kendoui.com">Kendo UI</a>
<a href="mailto:sales@kendoui.com">Kendo UI</a>
<a href="tel:8883652779">Kendo UI</a>
I believe your Ajax editor does this already, so can it please be added to the MVC one? 
Also, we have just moved from a different editor to Telerik's, and the previous one did have this feature. Thanks!

Bug report

Reproduction of the problem

1. Visual Studio 2019 version 16.8.3 (or another version the extension works with)
2. Install the Scaffolder extension.
3. In a sample Terlerik ASP.NET MVC Application verify that the Kendo Scaffolder and its configuration panel work as expected.
4. Update Visual Studio to version 16.9.2.

Current behavior

The Kendo Scaffolder is no longer available in the Add New Scaffolded Item dialog.

Expected/desired behavior

The Kendo Scaffolder works as intended.

Environment

• Kendo UI version: 2021.1.224
• jQuery version: x.y
• Browser: [all]

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

Regression introduced in R1 2022 SP1.

Reproduction of the problem

Dojo example: https://dojo.telerik.com/akaJaXin/4

1. Scroll down the Scheduler and add a new event.
2. Double-click the newly added event and after the editor shows up, click on the "Cancel" or on the "Delete" button.

Current behavior

The popup closes and the Scheduler automatically scrolls to the top of the view.

Expected/desired behavior

The scroll position should remain. The current behavior is not user friendly, because if the user has multiple events with similar start times to remove, they will have to scroll back down every time they delete an event.

Environment

• Kendo UI version: 2022.2.621
• jQuery version: x.y
• Browser: [all]

Bug report

Reproduction of the problem

Reproducible in the demos: https://demos.telerik.com/kendo-ui/pdfviewer/index

1. Shrink the browser window so that the zoom tool goes into the overflow menu.
2. Click on the overflow button to open the menu.

Current behavior

The zoom tool is disabled.

Expected/desired behavior

The zoom tool is enabled.

Environment

• Kendo UI version: 2021.1.330
• jQuery version: x.y
• Browser: [all]

Bug report

Reproduction of the problem

Dojo example: https://dojo.telerik.com/oDOcanIk

1. 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]

Describe the bug
Column headers do not resize properly in IE11 when scrollable is set to false. Regression introduced in 2021.3.914.

To reproduce
Steps to reproduce the behavior:

1. Go to https://demos.telerik.com/kendo-ui/grid/selection-export?autoRun=true&theme=bootstrap-main

The column headers are squished to the left side.

Expected behavior
Columns headers must have the same width as the respective columns.

Workaround:

.k-ie .k-grid-header {
  display: table-header-group;
}

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)

• IE version: 11

Build system information (please remove the unneeded items)

• Not Applicable

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!

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:

1. Go to this dojo example: https://dojo.telerik.com/unopUDaQ/7
2. Follow the instructions in tab 1: scroll down to the bottom of the tab's content and click the button.
3. The Window shows up, but it is not centered. In Chrome the tab's content is automatically scrolled up a little bit.
4. 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

Regression introduced in R1 2022. Reproducible only with the LESS themes.

Reproduction of the problem

Dojo example: https://dojo.telerik.com/UQOniRab

1. Click the DropDownList to open its dropdown

Current behavior

The option label item's height is very small and no hover/select styles are applied to it. When the option label has some text, its height is ok, but again no hover/select styles are applied.

Expected/desired behavior

The option label item's appearance should match that of the other items.

Environment

• Kendo UI version: 2022.1.301
• jQuery version: x.y
• Browser: [all]

Bug report

Reproduction of the problem

Reproducible in the demos: https://demos.telerik.com/aspnet-mvc/grid/persist-state

1. 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

1. Try to submit the form.
2. The validation is triggered since the form is invalid, which is correct.
3. Select Name and click anywhere on the page.
4. 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]

I'm using the ClientTemplate-Feature to render buttons for CRUD-actions in grids. For one entity I have to use a TreeList instead of a Grid due to parent-child relations. It would be great if I could use the same templates I use for the grid for the treelist as well.

Example:

columns.Bound(x => x.UserName)
        .ClientTemplate("<a href='" + Url.Admin().Account() + "/#= Id#/edit'>#= UserName #</a>")
        .Width(300);