The problem described happens for multiple controls. For the sake of simplicity, I'll stick with the DropDownList.

As documented here, the DropDownList's "fillMode" option supports "null" as value. However, the corresponding TS typings file does not allow null. The same is true for the "rounded" and "size" options as you can see in the snippet below that was copied from "index.d.ts".

interface DropDownListOptions {
        fillMode?: string | undefined;
        rounded?: string | undefined;
        size?: string | undefined;
    }

Note: parts of the code were omitted for brevity's sake.

A (temporary) workaround is to trick the typing system by casting manually:

fillMode: null as unknown as string | undefined

The "Classic" SASS theme for Kendo UI (v. 5.4.0) provides the $kendo-chip-spacing variable that defines the space between the text and the icon of the chip. This styling is e.g. used in the MultiSelect widget.

However, one cannot override its default value using the approach described in the documentation for SASS themes since the variable definition is missing the "!default" part (see the source file at line 8).

Hello, 

I'm looking to find a way to hide the Table tab and Cee tab on the Table Wizard. Is there a way to do this?

Thanks,

Sunny Carrandi

The "Classic" SASS theme for Kendo UI (v. 5.4.0) provides the $enable-transitions variable. I expected it to behave consistent with other similar variables like $enable-rounded which means that when it is set to false, no transistion properties would be set.

However, the following elements always have a transition property set, no matter what the value of $enable-transitions is:

• .k-button::before
• .k-list-item

Is this a bug or did I understand the meaning of $enable-transitions wrong?

Bug report

Missing Anti-CRSF tokens trigger security alerts when testing for security compliance with OWASP ZAP.

Reproduction of the problem

https://www.telerik.com/forums/how-to-resolve-absence-of-anti-csrf-token-alert-in-kendo-all-min-js-1559042

Current behavior

Expected/desired behavior

Environment

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

Mentioned in package.json: "typings": "index.d.ts", but the file is missing.

Package: @progress/kendo-ui@2022.2.621

Hi,

The percent complete column does not work!  If you use any other gantt product (including Microsoft project).  When you enter the % complete, it's between 0 and 100, which is a universal standard around the world.  % complete is never between 0 and 1.  Please correct the Gantt tool to use the universal standard.

The usability of product will be much improved and users will like it.

Thank you!

David

After applying filter or page number, the table content gets changed but the screen reader didn't inform about the same.

Repro-Steps:

Issue Description:

Screen reader user will get confused if incorrect narration is provided on the controls.

Test Environment:

OS : Windows 10
Version: 2004(OS Build 21292.1)
Browser : Anaheim Dev (Version 89.0.760.0 (Official build) (64-bit))
URL: https://docs.telerik.com/kendo-ui/api/javascript/ui/numerictextbox/methods/min

Screen reader: Narrator.

Repro steps:

1. Open the above-mentioned URL in browser there's example code for the Numeric text box feature.
2. Now, navigate to the 'Open in Dojo' and via tab key and run the program.
3. Now move the focus to the Text box. 
4.Verify whether the Narrator announce min 0 and max 0.

Actual Results:

Screen reader announces the incorrect information as "Min 0 and Max 0" when the focus lands on "from" or "to" spin button's. Currently min and max both the value's are announced as 0.

Expected results:

Screen reader should announces the relevant information when focus is on 'From' or 'to' spin button. It should be announced "Min value as 0" and "max value as per design"

Additional Notes:

1. Same when focus first lands on the opened dialog after activating build button it is announced as table which is incorrect.

2. Same issue observed with every spin button and dropdown controls.

If you create a spreadsheet in excel and just have the below formula - it locks up when you activate the sheet. 

Or if you use the kendo spreadsheet and paste this into a cell, it also locks up.

=WORKDAY(TODAY(),-1)

There are several problems when extending a widget .
In this example we have extended the DropDownTree.

1. Some properties like fillMode, no matter if we set in in the options or in the extended widget it self (kendoDemoDropDownTree)
   sets the value but never actually applies. Also the dataSource must be in the following format 
   
   

selectedProductId: [{ id: "a" }, { id: "c" }],

and  not

selectedProductId: ["b", "c"]

So some properties are supported and other that have been added later not.

I present you the source code (https://dojo.telerik.com/ewewERiD)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Untitled</title>

    <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2022.2.510/js/angular.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2022.2.510/js/jszip.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2022.2.510/js/kendo.all.min.js"></script>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.2.510/styles/kendo.default-ocean-blue.min.css">
</head>
<body>

<input id="dropdowntreeExt" data-bind="value: selectedProductId">
<script>
    (function ($) {
        var kendo = window.kendo,
            ui = kendo.ui,
            DropDownTree = ui.DropDownTree;

        var DemoDropDownTree = DropDownTree.extend({
            init: function (element, options) {
                DropDownTree.fn.init.call(this, element, options);

                $(element).parent().addClass("k-picker-solid k-picker k-rounded");
            },

            options: {
                name: "DemoDropDownTree",
                checkboxes: true,
                fillMode: "flat"
            }
        });
        ui.plugin(DemoDropDownTree);
    })(jQuery);


    var viewModel = kendo.observable({
        selectedProductId: [{ id: "a" }, { id: "c" }],
        //selectedProductId: ["b", "c"],
        products: [
            { id: "a", name: "Coffee" },
            { id: "b", name: "Tea" },
            { id: "c", name: "Juice" }
        ]
    });

    kendo.bind($("#dropdowntreeExt"), viewModel);

    //kendoDemoDropDownTree
    //kendoDropDownTree
    $("#dropdowntreeExt").kendoDemoDropDownTree({
        valuePrimitive: true,
        dataTextField: "name",
        dataValueField: "id",
        //checkboxes: true,
        dataSource: viewModel.products//,
        //fillMode: "flat"
    });


    alert($("#dropdowntreeExt").data("kendoDemoDropDownTree").options['fillMode']);
    </script>
</body>
</html>

(!) This also applies in the latest versions as well (2022R2 and 2022R3).

2. if you place the properties in kendoDropDownTree, everything works well and the datasource also accepts the format selectedProductId: ["b", "c"]

3. Many options, like autoWidth property, don't apply in extended widgets (i.e.  MultiSelect, DropDownList, DropDownTree etc).

4, In DropDownTree for the extended widget, valuePrimitive: true is not applicable. Instead of returning an array of the selected keys, it returns an array of the entire item.

Hello Kendo UI Team, 

I found one bug regarding the multidrop down selection while we want to add new on search text we enter some text and than after click on clear button and click on the add new button text is saved.

I attached one video for the same so you can easily find the issue.

Thanks & Regards.

Hi Support Team,

Would like to request for the feature below:

• Able to use arrow keys to select formula. Currently only support using mouse to click on the formula.

• Good to have system guide/prompt on how to use formula, similar to Excel

• Upon error, erroneous formula should not be cleared after clicking "OK" - For ease of editing

This dashboard layout quite exciting.

please refer this url

click here

easy to do our own Analytic dashboard

In the scheduler component, create a new event. Select monthly for the repeat. If you are using the Bootstrap theme the day will be cut off. The problem lies in the kendo.common-bootstrap.css file.

Overriding to 10em works. The same issue exists on the demo site today which I assume is running the current version (https://demos.telerik.com/kendo-ui/scheduler/index?autoRun=true&theme=bootstrap-main):

From the kendo.common-bootstrap.css file:

This cuts off the dates which have ample room to be displayed (this is my app):

I overrode this to remove the max-width:

 My recurrence rule is: FREQ=MONTHLY;COUNT=2;INTERVAL=1;BYSETPOS=2;BYDAY=WE;WKST=SU. This event falls on the second Wednesday of the month for two months in a row. When I edit the event, the wrong option is picked. Note in the screenshot attached we are on 11/09/2022 which is the second Wednesday. And the scheduler correctly shows this event. But the edit window sets the properties wrong. I am using a custom template for the edit window, however the recurrence editor portion is unmodified.

 I was able to fix this in the Kendo.all.js file directly. The highlighted lines below were added. When I publish this for customers I use the Kendo custom download tool to get a minified script of only what I need. I then need to carefully port this change using Notepad++. This makes it tough to update versions which is why I am a few versions back.

The schedulers are sitting inside a tab strip control. When the page loads, some computations are done by Kendo for setting up column widths. I feel there is a scrollbar issue somewhere. As it is a larger screenshot, please look at the attached Scrollbar size computation issue.png file. Start with the “All day” events. Notice the first event on Monday crosses the line into Tuesday just a little bit. This is highlighted and indicated with a “2” on it. Now look at the events for the week – numbers 3, 4, and 5. The events span into the next column a little more each time. They WOULD be correct if there was no scrollbar on the right! Now look at the events below with a time. “1” has the correct left offset from Monday’s left side. As you go to 2, 3, 4, and 5, this offset grows. It’s the same issue.

 Now look down at “6”. Notice the scheduler has no footer and is drawing far too low.

 The problem is that the tabstrip content is allowing scrolling. I can see this in the F12 window. Notice the scheduler does not have the scrollbar:

But the tab strip content DOES have a scrollbar:

Please note that I am specifically blocking the tab strip from scrolling in my code. The scheduler should handle the scroll.

So, I added the following CSS which fixes this issue for me:

See the Scrollbar size computation fixed.png file for the end result. The scheduler is scrolling now instead of the tab strip.

In my application, when a user changes their view date on the scheduler, there are two other schedulers on the other two tabs of the tab strip that are not visible. The dates here get changed too. This happens in a navigate event. They end up in a broken state from this. It seems the issue is that they are not visible so rendering is not happening. I found a hacky way to work around this. I am adding a newDate property and a needRefresh property to the scheduler. When a tab is activated, the scheduler in that tab is checked. If it needs a refresh, it is refreshed. If it has a new date, that is also set.