Unplanned
Last Updated: 26 Sep 2022 12:33 by Dan

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]
Unplanned
Last Updated: 23 Sep 2022 17:05 by AscanioTziazas
Created by: AscanioTziazas
Comments: 0
Category: DateTimePickers
Type: Feature Request
1
Expose a "week" navigation depth option for selecting days of the week.
Unplanned
Last Updated: 23 Sep 2022 16:22 by Paul
Created by: Paul
Comments: 0
Category: Grid
Type: Bug Report
1

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

  1. Open the Grid's Adaptive Rendering Demo
  2. Scan it with your mobile device and open the Demo on it
  3. 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 ]
Unplanned
Last Updated: 23 Sep 2022 09:41 by ADMIN
Scheduled for R1.2023-Increment.1(26.Oct.2022)

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]
Unplanned
Last Updated: 22 Sep 2022 09:28 by ADMIN
Created by: Dev
Comments: 1
Category: Gantt
Type: Feature Request
0

Is there a possibility to recognize when the user sorts a column in the GanttList?

Unplanned
Last Updated: 22 Sep 2022 08:31 by Alyasar
Created by: Alyasar
Comments: 0
Category: MultiSelect
Type: Feature Request
1

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

Unplanned
Last Updated: 20 Sep 2022 11:41 by erwin

Bug report

Grid's headers break upon ungrouping when the filterable mode is set to "row"

Reproduction of the problem

  1. Run the following dojo.
  2. Drag a column for grouping.
  3. 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]
Unplanned
Last Updated: 15 Sep 2022 13:35 by Andrew

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

  1. Run this project Demo.zip
  2. Click Add new record or Add child
  3. Enter a Name and a Url
  4. Click on the "Update" text of the Update button
  5. 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
Unplanned
Last Updated: 15 Sep 2022 06:57 by René Spruit
Created by: René Spruit
Comments: 0
Category: Form
Type: Bug Report
0

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]
Unplanned
Last Updated: 14 Sep 2022 15:30 by ADMIN
Created by: Manasavalli
Comments: 0
Category: Editor
Type: Feature Request
3
Currently all lists in editor are inserted with a default indent and this indent cannot be removed using the outdent button. Request to extend the outdent button functionality to be able to remove default indent on lists similar to list + outdent behavior in MS word or Telerik UI for WPF RichTextBox.
Unplanned
Last Updated: 14 Sep 2022 14:43 by Rick

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

  1. 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>
  1. Run the project

Expected/desired behavior

Microsoft Tag Helpers should create a working anchor tag

Environment

  • Kendo UI version: 2022.2.510
Unplanned
Last Updated: 14 Sep 2022 13:45 by Vaibhav

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

  1. Run this Dojo
  2. Press space a couple of times
  3. Click the Add Module button
  4. 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
Unplanned
Last Updated: 09 Sep 2022 13:56 by Matt

### 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]

Unplanned
Last Updated: 07 Sep 2022 15:16 by ADMIN
Created by: Laurie
Comments: 3
Category: Drawer
Type: Feature Request
5

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>

Unplanned
Last Updated: 06 Sep 2022 09:53 by ADMIN
Created by: SturmA
Comments: 1
Category: Grid
Type: Bug Report
1
The bug is related to calling multiple times the 'Create' action on Clicking 'Delete' button and could be reproduce with a Kendo sample:
 

I have updated the sample.
Steps to reproduce:
  1. The grid is configured to Virtual mode and add Groups.
  2. Expand a group
  3. Do NOT fetch all items in group, that's very Important!
  4. Click 'Delete' button
Result: I have debugged kendo code and found out that for each ''unfetched' row from the group, grid will take it as a 'new object' and will call 'Create' action for them.
'Create' actions are not called in case the group is fetched to the end and so all items are loaded!
Unplanned
Last Updated: 02 Sep 2022 10:29 by Srinivas
Created by: Srinivas
Comments: 0
Category: CheckBoxGroup
Type: Feature Request
1
Expose a .Columns() API configuration for displaying the checkboxes in a column-like manner.
Unplanned
Last Updated: 19 Aug 2022 08:16 by ADMIN
Created by: Ravi
Comments: 1
Category: PDFViewer
Type: Feature Request
5

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.

Unplanned
Last Updated: 19 Aug 2022 06:50 by Andy

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]
Unplanned
Last Updated: 16 Aug 2022 08:42 by Chris
Created by: Chris
Comments: 0
Category: DropDownList
Type: Feature Request
0

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");
    })
)

Unplanned
Last Updated: 11 Aug 2022 06:05 by ADMIN
As of yesterday, we are unable to find the kendo.for.aspnet.core nuget package.  What is the replacement?
1 2 3 4 5 6