Bug report
When server-side localization is used Filtering is always enabled.
Reproduction of the problem
Runnable sample is available in ticket 1580765
The Filterable.Operators automatically configures the messages for the string, number, date and enum operators based on the resx files.
Current behavior
Filtering for the TreeList is always enabled.
Expected/desired behavior
Filtering for the TreeList should be configurable irrespective of whether localization is used or not.
Workaround
After the TreeList is initialized call the setOptions method and disable filtering:
$(document).ready(function(){
var treelist = $("#treelist").getKendoTreeList();
treelist.setOptions({
filterable:false
});
})
Environment
- Kendo UI version: 2022.3.913
- Browser: [all]
Bug report
When the Grid's PopUp Editing is enabled on mobile devices there are additional inputs or missing styling in the PopUp.
Reproduction of the problem
- Open the Grid's Adaptive Rendering Demo
- Scan it with your mobile device and open the Demo on it
- Click the 'Add new record' or 'Edit'
Note: The issue doesn't reproduce in a browser's DevTools on desktop
Current behavior
The PopUp is misaligned or its styles are missing on mobile devices
Environment
- Kendo UI version: 2022.3.913
- Browser: [ Mobile Chrome | Android Web Browser | iOS Safari ]
Bug report
The DatePicker TagHelper does not expose the disableDates configuration option.
Reproduction of the problem
When using the DatePicker TagHelper it is not possible to set the disableDates configuration.
Expected/desired behavior
The disableDates configuration should be configurable similar to the HTML Helpers.
Environment
- Kendo UI version: 2022.2.802
- Browser: [all]
Is there a possibility to recognize when the user sorts a column in the GanttList?
I'd like to utilize the MultiSelect's Columns as they are available in Kendo UI for jQuery.
Here is the Dojo I am referring to: https://dojo.telerik.com/@martin.tabakov@progress.com/avAvIPEM
Bug report
Grid's headers break upon ungrouping when the filterable mode is set to "row"
Reproduction of the problem
- Run the following dojo.
- Drag a column for grouping.
- Ungroup the column.
Current behavior
Upon ungrouping the Grid's headers are disrupted.
Expected/desired behavior
The Grid's headers should not be disrupted upon ungrouping.
Environment
- Kendo UI version: 2022.3.913
- Browser: [all]
Bug report
InLine Editable TreeList doesn't send all its data on Create and Update, if it is reorderable and the "Update" text of the Update button is clicked
Reproduction of the problem
- Run this project Demo.zip
- Click Add new record or Add child
- Enter a Name and a Url
- Click on the "Update" text of the Update button
- Inspect the Network tab for Create/Update request
For a visual reproduction guide review this screen capture
Current behavior
When the text of the Update button is clicked a part of the updated data item isn't sent to the server.
Expected/desired behavior
The whole data item has to be send to the server on Update/Create
Environment
- Kendo UI version: 2022.3.913
Bug report
The Form TagHelper does not provide support for hidden fields, similar to the HtmlHelper.
Reproduction of the problem
The Form TagHelper does not allow similar built-in configuration:
.Items(i =>
{
i.Add()
.Field(f => f.UserID)
.Editor(editor => editor.Hidden());
})
Expected/desired behavior
The Form TagHelper should support hidden inputs.
Workaround
Similar result can be achieved by setting the editor-handler attribute, creating a hidden input and setting an empty label:
<form-items>
<form-item field="UserID" editor-handler="hiddenEditor" >
<item-label text=" " />
</form-item>
</form-items>
<script>
function hiddenEditor(container, options) {
$('<input type="hidden" data-bind="value: ' + options.field + '" name="' + options.field + '"/>')
.appendTo(container);
}
</script>
Environment
- Kendo UI version: 2022.3.913
- Browser: [all]
Bug report
Link do not appear properly in a TagHelper menu that uses asp-action and asp-controller. In version 2.1 the application crashes
Reproduction of the problem
- In app that uses Telerik UI for ASP .NET Core 2022.2.510 or configure a TagHelper Menu with the following TagHelpers:
<menu-item text="Furniture">
<sub-items>
<menu-item text="Tables & Chairs" asp-action="About" asp-controller="Home" ></menu-item>
</sub-items>
</menu-item>
- Run the project
Expected/desired behavior
Microsoft Tag Helpers should create a working anchor tag
Environment
- Kendo UI version: 2022.2.510
Bug report
When the pasteHtml command or the paste method is used on a line that only has or a tag these are deleted.
Reproduction of the problem
- Run this Dojo
- Press space a couple of times
- Click the Add Module button
- The spaces have disappeared
Alternatively, turn on Bold formatting without typing anything and click the Add Module button. The Bold formatting gets cleared
Expected/desired behavior
Pasting content in the Editor
Environment
- Kendo UI version: 2022.3.802
### Bug report
When the Grid is grouped by a specified column, and this column has a "groupFooterTemplate" that contains aggregates from other fields, it cannot be exported to Excel. It throws a JavaScript exception.
### Reproduction of the problem
1) Group the Grid by the column "ProductName".
2) Export it to Excel through the built-in command "Export to Excel".
3) JS exception is thrown.
A Dojo sample for reproduction: https://dojo.telerik.com/UyUruyOZ
### Expected/desired behavior
The Excel export should work as expected when the Grid is grouped.
### Environment
* **Kendo UI version: 2022.2.802
* **jQuery version: 1.12.4
* **Browser: [all]
I'm trying to use it for navigation in a section using Razor Pages. Having to expand using javascript is very distracting when the user goes from page to page. Below is the code to create a self-running page that demonstrates the issue:
@page
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>TestDrawer</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.common-bootstrap.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.514/styles/kendo.bootstrap-v4.min.css" />
@* FontAwesome Pro css*@
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-xVVam1KS4+Qt2OrFa+VdRUoXygyKIuNWUUUBZYv+n27STsJ7oDOHJgfF0bNKLMJF" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"
asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
asp-fallback-test="window.jQuery"
crossorigin="anonymous"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=">
</script>
@* Place Kendo UI scripts after jQuery *@
<script src="https://kendo.cdn.telerik.com/2019.2.514/js/kendo.all.min.js"
asp-fallback-src="~/lib/kendo-ui/js/kendo.all.min.js"
asp-fallback-test="window.kendo">
</script>
<script src="https://kendo.cdn.telerik.com/2019.2.514/js/kendo.aspnetmvc.min.js"
asp-fallback-src="~/lib/kendo-ui/js/kendo.aspnetmvc.min.js"
asp-fallback-test="kendo.data.transports['aspnetmvc-ajax']">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<style>
/* Root navigation */
#root-nav li,
#example-nav li {
list-style: none;
}
.root-nav-categories h3,
#example-nav h3 {
color: #000;
font-size: 14px;
line-height: 14px;
padding: 0.5em 0 0.5em 3.571em;
text-transform: uppercase;
}
#example-nav h3 {
padding: 1.7em 0 0.5em 3.4em;
}
#example-nav-bar {
border-top: 1px solid #e2e4e7;
}
#back-forward {
display: block;
position: relative;
color: #000;
font-size: 14px;
line-height: 15px;
font-weight: normal;
padding: 1em 3.5em;
/*vertical-align: middle;*/
}
#root-nav h4 a {
text-align: right;
}
.back-nav {
text-align: left;
}
.back-nav:before {
position: absolute;
top: 1em;
left: 1.2em;
}
.forward-nav {
text-align: left;
}
.forward-nav:before {
position: absolute;
display: block;
top: 1em;
right: 1.2em;
width: 14px;
height: 14px;
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg);
}
.root-nav-categories {
margin-top: 1.417em;
}
#root-nav,
#example-nav {
padding-bottom: 30px;
}
#root-nav li a,
#example-nav li a {
/*controls customer navigation icon and text size*/
/*font-size: 13px;*/
/*line-height: 13px;*/
color: #2d3e50;
display: block;
padding: 0.5em 0 0.5em .5em;
transition: all .2s ease;
}
#example-nav li .group {
font-size: 13px;
font-weight: bold;
line-height: 13px;
color: #2d3e50;
display: block;
padding: 1.5em 0 0.25em 3.7em;
transition: all .2s ease;
}
.flip {
transform: rotate( -180deg );
transition: transform 500ms ease;
}
.no-boarder {
border: none;
}
.k-drawer-container {
border: none;
}
/*Adjusts width of icon blocks in customer navigation*/
.k-drawer-wrapper.k-drawer-mini-mode .k-drawer-items {
width: 3.5rem;
}
#root-nav li a:hover,
#example-nav li a:hover,
#back-forward:hover {
color: #000;
text-decoration: none;
background-color: #e2e4e7;
}
.k-hover-enabled #root-nav li a:hover,
.k-hover-enabled #example-nav li a:hover {
background-color: transparent;
}
#example-nav .active {
background-color: #e2e4e7;
cursor: default;
}
</style>
@*<link rel="stylesheet" href="~/css/site.css" />*@
</head>
<body>
<div id="example-sidebar" class="border border-secondary">
@*<div id="nav-wrapper">*@
<div id="nav">
<div id="example-nav">
<kendo-drawer name="drawer" mode="push" on-hide="onHide" min position="left" swipe-to-open="true" template-id="template" class="no-boarder">
<mini enabled="true" />
</kendo-drawer>
</div>
</div>
@*NAVIGATION STACK*@
@*<a href="#">
<span class="fa-stack" style="vertical-align: top;">
<i class="far fa-circle fa-stack-2x"></i>
<i class="far fa-exchange fa-stack-1x"></i>
</span>
</a>*@
<a href="javascript:void(0);" onclick="toggleDrawer();" id="expand" title="Toggle Navigation">
<span class="fa-stack mb-2 ml-2">
<i class="far fa-circle fa-stack-2x"></i>
<i class="far fa-exchange fa-stack-1x"></i>
</span>
</a>
<script>
function getCookie(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
$(document).ready(function () {
var drawerInstance = $("#drawer").data().kendoDrawer;
var hideMenu = getCookie("HideCustomerMenu");
if (hideMenu == 'true') {
var arrowButton = $("#expand");
arrowButton.toggleClass('flip');
}
else {
drawerInstance.show();
}
});
function toggleDrawer() {
var drawerInstance = $("#drawer").data().kendoDrawer;
var drawerContainer = drawerInstance.drawerContainer;
var arrowButton = $("#expand");
if (drawerContainer.hasClass("k-drawer-expanded")) {
document.cookie = "HideCustomerMenu=true";
arrowButton.toggleClass('flip');
drawerInstance.hide();
} else {
document.cookie = "HideCustomerMenu=false";
arrowButton.toggleClass('flip');
drawerInstance.show();
}
}
</script>
<script id="template" type="text/x-kendo-template">
<ul class="menuBar list-unstyled">
<li id="test1"><a href="testdrawer"><i class="fa fa-user-circle fa-2x fa-fw mr-2" aria-hidden="true" title="Page 1"></i>Page 1</a></li>
<li id="test2"><a href="testdrawer" class="customer"><i class="fa fa-check fa-2x fa-fw mr-2" aria-hidden="true" title="Page 2"></i>Page 2</a></li>
<li id="test3"><a href="testdrawer" class="customer"><i class="fa fa-random fa-2x fa-fw mr-2" aria-hidden="true" title="Page 3"></i>Page 3</a></li>
<li id="test4"><a href="testdrawer" class="customer"><i class="fa fa-dollar-sign fa-2x fa-fw mr-2" aria-hidden="true" title="Page 4"></i>Page 4</a></li>
<li id="test5"><a href="testdrawer" class="customer"><i class="fa fa-paperclip fa-2x fa-fw fa-rotate-90 fa-flip-horizontal mr-2" aria-hidden="true" title="Page 5"></i>Page 5</a></li>
</ul>
</script>
</div>
<script>
function onHide(e) {
e.preventDefault();
}
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"
asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"
asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal"
crossorigin="anonymous"
integrity="sha256-E/V4cWE4qvAeO5MOhjtGtqDzPndRO1LBk8lJ/PR7CA4=">
</script>
</body>
</html>
- The grid is configured to Virtual mode and add Groups.
- Expand a group
- Do NOT fetch all items in group, that's very Important!
- Click 'Delete' button
1. Allow the elastic behavior of the PDFViewer's mobile scroller to be disabled. Currently, when scrolling to the top or to the bottom, the document jumps and then immediately re-adjusts its position under the widget's header/bottom border.
2. Add the ability to manually scroll the document up/down with mousedown.
3. Add keyboard scrolling support.
Bug report
When defining a PanelBar with Custom DataSource the Schema configuration is not serialized.
Reproduction of the problem
The following configuration
@(Html.Kendo().PanelBar()
.Name("panelbar")
.AutoBind(false)
.DataSource(dataSource => dataSource
.Custom()
.Schema(schema => schema
.Model(model => model.Children("Aggregates"))
)
)
)
generates the following initialization script:
kendo.syncReady(function() {
jQuery("#panelbar").kendoPanelBar({
"autoBind": false,
"loadOnDemand": true,
"expandMode": "multiple",
"dataSource": {
"schema": {
"model": {
"fields": {}
}
}
}
});
});
The ASP.NET MVC wrapper serializes the schema as expected.
Expected/desired behavior
The Schema configuration should be serialized.
Environment
- Kendo UI version: 2022.2.802
- Browser: [all]
Can you include the "HtmlAttributes" option in the "SelectListItemBuilder" class?
For example:
@(Html.Kendo().DropDownList()
.Name("color")
.Items(items =>
{
items.Add().Text("First Item").Value("1").HtmlAttributes(new { ... });
items.Add().Text("Second Item").Value("2");
})
)