On one hand, kendo.mobile widgets have not progressed in several years.

On the other hand, some "mobile" controls like Bottom Navigation and Floating Action have entered the realm of kendo.ui, and an Action Sheet is in the roadmap.

Some of us still develop/maintain hybrid apps. It has become necessary to (i) clarify the roadmap and (ii) get some new best practices (doc and samples) for developing hybrid apps with Kendo UI:

1. should we discard all kendo.mobile.ui widgets and replace them with their equivalent kendo.ui widget?
2. how to replace certain widgets like kendo.mobile.ui.scroller which have no equivalent for kinetic scrolling.

Hi Kendo Team ,

I noticed something illogical  in MajorTimeHeaderTemplate , I did console.log on date that used in template and it prints => Fri Feb 01 1980 00:00:00 GMT+0000 (UTC)

it doesnt't give the current dateTime in the MajorTimeHeader

I will include images for that

Dojo exemple => https://dojo.telerik.com/iqakAKog

kendo.UserEvents is a very import object across Kendo UI a properly using it is key to the development of custom widgets.

It need to be properly documented for the development community to use.

• When to use it?
• When not to use it?
• Various scenarios and examples.

Hi,

1. It would be desirable if the properties described by “,” and “.” were renamed so as to be typescript compatible so that if access to them was required, it could be done via eg:

myCulture.numberFormat.groupThousandsSeparator

And not

myCulture.numberFormat[ “,” ]

Refer to the properties as shown here in the kendo.all.d.ts file:

declare namespace kendo {
    function culture(): {
        name: string;
        calendar: {
            AM: string[];
            PM: string[];
            "/": string;
            ":": string;
            days: {
                names: string[];
                namesAbbr: string[];
                namesShort: string[];
            };
            months: {
                names: string[];
                namesAbbr: string[];
            };
            patterns: {
                D: string;
                F: string;
                G: string;
                M: string;
                T: string;
                Y: string;
                d: string;
                g: string;
                m: string;
                s: string;
                t: string;
                u: string;
                y: string;
            };
            firstDay: number;
            twoDigitYearMax: number;
        };
        calendars: {
            standard: {
                AM: string[];
                PM: string[];
                "/": string;
                ":": string;
                days: {
                    names: string[];
                    namesAbbr: string[];
                    namesShort: string[];
                };
                months: {
                    names: string[];
                    namesAbbr: string[];
                };
                patterns: {
                    D: string;
                    F: string;
                    G: string;
                    M: string;
                    T: string;
                    Y: string;
                    d: string;
                    g: string;
                    m: string;
                    s: string;
                    t: string;
                    u: string;
                    y: string;
                };
                firstDay: string;
                twoDigitYearMax: number;
            };
        };
        numberFormat: {
            currency: {
                decimals: number;
                ",": string;
                ".": string;
                groupSize: number[];
                pattern: string[];
                symbol: string;
            };
            decimals: number;
            ",": string;
            ".": string;
            groupSize: number[];
            pattern: string[];
            percent: {
                decimals: number;
                ",": string;
                ".": string;
                groupSize: number[];
                pattern: string[];
                symbol: string;
            };
        };
    };

Hi,

We are using kendo (version 2020.2.617) from typescript. The current of the culture() function definition in kendo.all.d.ts looks like this:

declare namespace kendo {
    function culture(): {
        name: string;
        calendar: {
            AM: string[];
            PM: string[];
            "/": string;
            ":": string;
            days: {
                names: string[];
                namesAbbr: string[];
                namesShort: string[];
            };
            months: {
                names: string[];
                namesAbbr: string[];
            };
            patterns: {
                D: string;
                F: string;
                G: string;
                M: string;
                T: string;
                Y: string;
                d: string;
                g: string;
                m: string;
                s: string;
                t: string;
                u: string;
                y: string;
            };
            firstDay: number;
            twoDigitYearMax: number;
        };
        calendars: {
            standard: {
                AM: string[];
                PM: string[];
                "/": string;
                ":": string;
                days: {
                    names: string[];
                    namesAbbr: string[];
                    namesShort: string[];
                };
                months: {
                    names: string[];
                    namesAbbr: string[];
                };
                patterns: {
                    D: string;
                    F: string;
                    G: string;
                    M: string;
                    T: string;
                    Y: string;
                    d: string;
                    g: string;
                    m: string;
                    s: string;
                    t: string;
                    u: string;
                    y: string;
                };
                firstDay: string;
                twoDigitYearMax: number;
            };
        };
        numberFormat: {
            currency: {
                decimals: number;
                ",": string;
                ".": string;
                groupSize: number[];
                pattern: string[];
                symbol: string;
            };
            decimals: number;
            ",": string;
            ".": string;
            groupSize: number[];
            pattern: string[];
            percent: {
                decimals: number;
                ",": string;
                ".": string;
                groupSize: number[];
                pattern: string[];
                symbol: string;
            };
        };
    };

It would be desirable if this was declared as an interface so client code could use the interface type and assign the culture to a typed variable, eg:

let currentCulture: IKendoCulture = kendo.culture( );

Thanks and regards,

Lou

This is somewhat related to the existing request for this feature with Tooltips, but applies more generally to any widgets with popup behavior, such as DropDownList and AutoComplete. Auto-closing these widgets upon scrolling is an extremely annoying behavior, and I've even had end users comment on it in demos. The currently suggested workaround is hacky, particularly difficult to implement with AngularJS, and as far as I know, only works with DropDownList and AutoComplete. This behavior needs first-class support as a configurable option. This could be done a couple of ways.

1. Make it a configuration option.

$("#products").kendoAutoComplete({ closeOnScroll: false });

2. Or, just add the browser-level event name to Kendo UI's event object in the various widget event handler functions, such as close.

close: function (e) {
  // won't work because "e" doesn't have a "type" property like normal JavaScript event objects do
  if (e.type === "wheel") {
    e.preventDefault();
  }
}

I would actually prefer the second option, as it would open up a bunch of options for developers in those event handlers, including addressing this particular auto-closing issue.

The console component under demos is nice and I implemented still in my application with wodnload the console.js but I think its nice if you implement this as a component with APIs and features

for example filter and color for events or for a signalr or field, maybe with (X) delete all button and direction.

Thank you

Best regards from zurich

Murat

Hi,

I've notice an issue with Scheduler: the height for group slot is not correct calculated and items goes down to the next group slot.

Scheduler :

   - group vertical after a field

   - type of scheduler: "timelineWeek" or "timelineMonth"

   - items of the group have same start date and their number are bigger then 20.  

kendo ui version: 2020.1.219. Same issue with 2021.1.119

----------------------------------------------------------------------------------------------------------------------

I've created a dojo as example:  https://dojo.telerik.com/EHeNigIQ  .   Also, you can see the issue into the picture bellow.

You can modify the variable  "rows = 30;"  and you will see more items that goes wrong into the other group slot.

This feature request concerns all Kendo widgets that have a loading indicator built in such as Kendo MultiSelect. Currently there are no aria attributes indicating progress, so users are not made aware that something is loading by the screen readers. 

One possible approach is to apply aria-busy attribute:

https://www.w3.org/TR/wai-aria-1.0/states_and_properties#aria-busy 

This is also suggested as a solution to implement for the standalone Loader component:

https://docs.telerik.com/kendo-ui/controls/interactivity/loader/accessibility/overview#wai-aria 

When unformatted multi-line content is pasted in an existing paragraph inside the Kendo Editor, the paragraph is removed and the pasted content is inserted in the body of the Editor.

Steps to reproduce:

• Open: https://dojo.telerik.com/osANirag/8
• Type in the content editable: "text row 1", hit ENTER, type "text row 2"
• Copy the content from the content editable.
• Paste the content in the first paragraph in the Kendo Editor

Result:

The pasted content replases the paragraph.

Expected Result:

The pasted content should be inserted in the paragraph.

I would like to request that an autosize feature be added for the dropdown portion of the multicolumncombobox in Kendo UI for jQuery. 

I had been using the kendo jquery dropdown autowidth and had expected a similar functionality to be available and was surprised that it wasn't.  I have used winforms ui multicolumncomobobox in the past and it has some different fill/autosize/fit abilities. 

Hi Telerik Team

We use in our project the multicolumncombobox, this is nice and I love it. 

But maybe you can also develop for the dropdown ? I know I can use temaplates etc. but  I think its nice if we become a finished multicolumndropdownlist

Best regards.

Murat from zurich

Bug report

Reproduction of the problem

Dojo example.

1. Click the "export" button

Current behavior

Drawing does not export the content. This is due to the img tags having a loading="lazy" attribute.

Expected/desired behavior

The images are exported. The attribute should be stripped if needed.

Environment

• Kendo UI version: 2020.3.1021
• jQuery version: x.y
• Browser: [Chrome XX | Firefox XX ]

Hi Team,

I'd like to request a control which takes a screenshot of a browser's page and save it in a specific format like a jpeg.

Thank you

1. Create a table

2. Add a caption

3. Select caption and format it to be a heading (h1, h2..)

4. Note that the layout becomes distorted.

It is expected that the heading element will be wrapped in the caption element, which is valid html5 according to w3 validator

http://validator.w3.org/#validate_by_input

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table style="width:1177px;"><caption><h2>Text</h2></caption><tbody><tr style="height:21px;"><td style="width:382.812px;">a</td>
        <td style="width:382.812px;">a</td>
        <td style="width:381.812px;">a</td>
        </tr>
        <tr style="height:21px;"><td style="width:382.812px;">a</td>
        <td style="width:382.812px;">a</td>
        <td style="width:381.812px;">a</td>
        </tr>
        </tbody></table>
        <p>&nbsp;</p>
</body>
</html>

Feature request for the Gantt chart. I’d like to be able to attach objects (thumbnail images) to the Gantt hourly timeline. 

I have multiple thumbnail images and each thumbnail has a timestamp. I want to attach the thumbnails on the timeline according to the hourly timestamp of each thumbnail.

Gantt chart should support attaching objects to timeline.

Bug report

The kendo.culture.nb-NO.min.js file contains some unwanted characters: "Â".

Reproduction of the problem

See Ticket ID: 1486493 for more details.

The unminified file looks correctly: https://github.com/telerik/kendo-ui-core/blob/master/src/cultures/kendo.culture.nb-NO.js

Current behavior

Expected/desired behavior

Environment

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