Need More Info
Last Updated: 30 Aug 2024 07:13 by ADMIN
Created by: AGB
Comments: 5
Category: Kendo UI for jQuery
Type: Bug Report
0
Hi Guys,

I have been investigating an issue with the ComboBox component under Chrome whereby a scrollbar is being show when using the autoWidth option and a limited number of list entries.

The scenario is as follows

- When the control initially loads and you hit the dropdown button the list does not have vertical scrollbar.
  (See screen shot 1)  

- Select an item and and then hit the clear button.
  Now when you hit the dropdown the list has a vertical scrollbar.
  (See screen shot 2)

The issue is very random and can occur with any number of list items, providing the initial dropdown doesn't require a scrollbar.

I have tried to create a dojo to illustrate the problem but have so far failed.

Looking at the element with Dev tools I see on the initial dropdown the wrapper div is as follows

    <div class="k-list-content k-list-scroller" unselectable="on" style="overflow: hidden auto;">

but after select, clear & dropdown the div shows

    <div class="k-list-content k-list-scroller" unselectable="on" style="overflow: hidden scroll;">

Tracing through the code the problem is within the following function of the kendo.list.js file

        _refreshScroll: function() {
            var listView = this.listView;
            var enableYScroll = listView.element.height() > listView.content.height();

            if (this.options.autoWidth) {
                listView.content.css({
                    overflowX: "hidden",
                    overflowY: enableYScroll ? "scroll" : "auto"
                });
            }
        },

It would appear that under certain conditions Chrome is setting the enableYScroll value to true and hence the 'scroll'.

Looking at this function I cannot see a reason why there is even a need to set overflowY to 'scroll' surely just leaving it set as 'auto' is good enough and let the browser decided if scrollbars are required.

Regards
Alan

Need More Info
Last Updated: 26 Jul 2024 11:05 by ADMIN

When I incell edit multiple rows I only receive a sync callback through `change` on the datasource for the last row with only that last row in the "changedItems". This results in the grid not removing the dirty indicator for any of the other rows, only the last one is removed. The rows are updated properly and I if I were to manually call grid.refresh() it removes the indicators. If I update the rows individually it has no problems.

Here I've updated only the first row:

Here I've updated only the second row:

Here I've updated the first 2 rows at the same time and only the last one is detected as updated:

Here I've updated the PRS column for all 4 rows to "5" and it saved correctly, but only the last row is detected as updated in the grid:

As there's a lot of code involved I can't just paste it here, I can provide snippets or information about particular settings though.

Need More Info
Last Updated: 04 Jun 2024 10:52 by ADMIN
Created by: Kapil
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
0

I can see many people are asking to have smart labels in kendo chart also, so do you have any planning for same or can you share the logic of smart labels?
I have multiple series in the chart like 2-3 lines, 1-2 bars etc and their series labels are overlapping badly.

Check attached screenshots.

Need More Info
Last Updated: 07 Mar 2024 08:05 by ADMIN
Created by: eDAD
Comments: 1
Category: Kendo UI for jQuery
Type: Bug Report
0

Environment (OS, Application, Versions): 

OS Version: 22H2 (OS Build 25352.1)
Edge Dev: Version 121.0.2277.112 (Official build) (64-bit)

Third Party Name:   Kendo

Repro Steps: 

   1. Open https://codepen.io/oneID/pen/LYaGREP and turn on NVDA.
   2. Navigate to 'Populate' grid and activate it using enter key.
   3. Navigate to Expand button present under domain in Export to excel table.
   4. Observe if the screen reader is announcing correct role and name for the expand button or not.

Actual Results: 

Accessible name for the 'expand' button is not correct, Expand button is defined as link.

Expected Results:

Accessible name of 'expand' button should be sufficient for screen reader user. Accessible name should contain value available in domain as well.

Role should be defined as 'Button' as its behaving as button.

Need More Info
Last Updated: 13 Feb 2024 08:47 by ADMIN
Created by: eDAD
Comments: 1
Category: Kendo UI for jQuery
Type: Bug Report
1

Bug Title: Columns are not programmatically associated with their table headers.

Severity: Sev2 (High)

Test Environment:
OS Version: 22H2 (OS Build 25352.1)
URL: https://ppe.oneidentity.core.azure-test.net/
Edge Dev: Version 114.0.1807.6 (Official build) dev (64-bit)
Screen Reader: Narrator

Repro steps:
1.Open kendoSample (codepen.io)
2.Navigate through tables.


Actual Result:
Table header and their data are in different tables. Columns are not associated programmatically with their headers.

Expected Result:
Columns should be associated programmatically with their headers.

Need More Info
Last Updated: 25 Oct 2023 12:25 by ADMIN
Created by: Nimita
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
0

Hi Team,

Is there a way to create pop up create and inline edit. 

 

Thanks,

Nimita

Need More Info
Last Updated: 06 Jun 2024 12:23 by Steve
Created by: Steve
Comments: 10
Category: Kendo UI for jQuery
Type: Feature Request
1

Email address lists - and other list inputs for text items - in various apps take text input and render each item in a tag - not unlike the MultiSelect.

A widget in similar form to the MultiSelect could serve this purpose, taking string input from the text input element - as well as being able to filter on active text.

I have rigged a MultiSelect with a view model to perform this function: dojo example. Its not perfect, but seems to work ok.

  • ";", "," and space characters are used as string separators to trigger parsing - and split text e.g. from pasted list
  • a simple email RegEx rejects values that cant be an address
  • email addresses are added to the "available item" list and selected item
  • the available items can be pre-populated according to the context
  • like in the MultiSelect, the pop-up list can be displayed and filtered as the user types
  • the pop-up list can be used to de-select and re-select items, as well as tag clear and "clear all" buttons in the widget
  • similar keyboard support is useful, "Ctrl-A", arrow keys etc.
  • multi and single tag modes

 

Need More Info
Last Updated: 24 Oct 2023 08:43 by ADMIN
Created by: Ha Minh Nguyet
Comments: 5
Category: Kendo UI for jQuery
Type: Bug Report
0

Event "Select" is triggered on dropdown list when user do a middle click on the part outside of the list, event the popup of list isn't opened.  

Need More Info
Last Updated: 19 Sep 2023 10:09 by ADMIN
Created by: n/a
Comments: 1
Category: Kendo UI for jQuery
Type: Bug Report
0

When using Kendo's Upload component when you select a file/files to upload there is a 20% chance that it will upload the same file twice. We switched auto upload off to help, but when you delete one of the dupped files the upload button disappears causing you to delete both of them and then re-upload the file.

Upload Code -

 var w = $("#winFiles").data("kendoWindow");
                w.setOptions({
                    width: $(window).width() - 150,
                    height: $(window).height() - 150
                });
w.center().open();
                $("body").on("click", "#lnkShowUpload", function () { showWinUpload(associationId, typeId) });

 

function showWinUpload(associationId, typeId) {
var w = $("#winUpload").data("kendoWindow");
    $("#fileUpload").kendoUpload({
async: {
                        saveUrl: `/api/File/?typeId=${typeId}&associationId=${associationId}`,
                        autoUpload: false
                    },
                    validation: {
                        allowedExtensions: ["pdf", "jpg", "img", "png", "gif", "doc", "docx", "xls", "xlsx", "csv", "txt"]
                    }
});
                w.setOptions({
                    height: $(window).height() - 175
                });
w.center().open();
}


Need More Info
Last Updated: 15 Sep 2023 08:16 by ADMIN

Hello Team , 

we are using  .net mvc + angular js 

i am unable to upload the image from the my desktop, please find the code below 


  scope.createKendoEditor = function(element, value) {
                        //debugger;
                        var k = $(element).kendoEditor({
                            "execute": onExecute,
"imageBrowser": {
                                messages: {

                                    dropFilesHere: "Drop files here",

                                   uploadFile: "Upload a file"
                                },
                            transport: {
                                read: "imagebrowser/read",
                                destroy: "imagebrowser/destroy",
                                create: "imagebrowser/createDirectory",
                                uploadUrl: "imagebrowser/upload",
                                thumbnailUrl: "imagebrowser/thumbnail",
                                imageUrl: "@FPK12.LMS.Framework.Utility.FullyQualifiedApplicationPath" + "/Temp/" + "@Utility.UserSessionID" + "/images/{0}?v="+@DateTime.UtcNow.ToString("MMddyyyyHHmmss")
                            }
                        },
"fileBrowser": {
messages: {
dropFilesHere: "Drop files here",
uploadFile: "Upload a file"
},
transport: {
read: "imagebrowser/read",
destroy: "imagebrowser/destroy",
create: "imagebrowser/createDirectory",
uploadUrl: "imagebrowser/upload",
thumbnailUrl: "imagebrowser/thumbnail",
imageUrl: "@FPK12.LMS.Framework.Utility.FullyQualifiedApplicationPath" + "/Temp/" + "@Utility.UserSessionID" + "/images/{0}?v=" +@DateTime.UtcNow.ToString("MMddyyyyHHmmss")
                            }
},
                            "value": value != null ? WirisPlugin.Parser.initParse(value) : value,
                            "tools": [
                                { "name": "bold" },
                                { "name": "italic" },
                                { "name": "underline" },
                                { "name": "strikethrough" },
                                { "name": "justifyLeft" },
                                { "name": "justifyCenter" },
                                { "name": "justifyRight" },
                                { "name": "justifyFull" },
                                { "name": "insertUnorderedList" },
                                { "name": "insertOrderedList" },
                                { "name": "outdent" },
                                { "name": "indent" },
                                { "name": "createLink" },
                                { "name": "unlink" },
                                { "name": "insertImage" },
                                { "name": "insertFile" },
                                { "name": "subscript" },
                                { "name": "superscript" },
                                { "name": "createTable" },
                                { "name": "addColumnLeft" },
                                { "name": "addColumnRight" },
                                { "name": "addRowAbove" },
                                { "name": "addRowBelow" },
                                { "name": "deleteRow" },
                                { "name": "deleteColumn" },
                                { "name": "viewHtml" },
                                { "name": "foreColor" },
                                { "name": "backColor" },
                                //{ "name": "formatting" },
                                { "name": "fontName" },
                                { "name": "fontSize" },
                                {
                                    name: "wiris",
                                    template: "<div id='" + element.replace("#", "") + "_toolbar'></div>"
                                },
                                {
                                    name: "Media",
                                    template: "<div id='" + element.replace("#", "") + "_media' style='cursor:pointer'>  <img id='imgMedia' style='padding: 12.2px' title='Media' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGqSURBVDhPzdTNK0RRHMbx6yUvUYgsLYmdpFDessUG5Q+QouzssGBvhxUWNuwIC0qJIgvlZcVKKXkpFkjewvc5c++499zLzMLCU585c6Y79/5+Z84Z57+kEnvuGEiaOyaTDBSgGisoxTFeUYsTOKl6STIzuMI65nAPpQLTKDYzX/pwjrsI+XiHKsmDCtHn/cjFC+rhpOiFVGEH47jQB1ZU3QM6odbOcI1hzEOVN2MXJrrwBt4DojIFVfmGWahlVdiDS6iLeLqgG3pRxa3QD+FFD8tBHdTFJ7RMZVB1gdg3nMAHtqEbeJXruiWUY9EdI2PfcBKqQLQteqHY14WSaNtozbawaWaxdTuNvY2OvxVV5e2lUXRgEBvQWrYgC3a0ZfRA7YJ47FZUub96rdsjdI1NN1pDIO3QRi00s3BuoWPWBK8rjQ04gPZkIDqjOiVaI/8JkUZ31GZWe6vQqdCv/AxtdFVq4j1NKUIbss3sO8tQdSM4whhqcIgh6Hv+9U8qankg9tZJR4k7Kt0ItZwoC9CR+4naN/G3/Fu0XfQ/mGlmwWjj7+PJzP42jvMFvddvjvC2MvQAAAAASUVORK5CYII='> </div>"
                                }

                            ]
                        }).data("kendoEditor");

                        setTimeout(function () {
                            if (value == undefined) {
                                $(k).focus();
                            }

                        }, 100);
                        return k;
}   we are getting the web address URL we are expecting upload images/files from the My PC   
Need More Info
Last Updated: 21 Apr 2023 14:32 by Paul
Created by: Paul
Comments: 4
Category: Kendo UI for jQuery
Type: Bug Report
0

I see this most often in the All Day slot of the Timeline view. I do not believe it is isolated to just that though. Here's using the native code:

Here's the same page with the code fixed:

Please note that two events are covered up: recur3 and an event that is NOT an all day event starting at 2pm. That's what the gap is. So yes, this gap is correct. Also note: In the first window I can press F12 to open the inspector, and manually delete the event elements which reveal the missing ones underneath. They are overlaid on top of each other.

After some debugging, here is the fix. The file, version, method, and line numbers are all here for you. The fix is highlighted on line 2855. The highlighted "start" should be "end".

Need More Info
Last Updated: 13 Mar 2023 10:43 by ADMIN
Created by: detlef
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
0

Refresh the grid with a function. I now do a queryselector to find and click the refresh button that i only added so i can refresh the grid with javascript. I'm using an array (global scope) to store data.

The grid.refresh() didn't work, probably because i don't use transport. I have tried all the solutions on telerik and stackoverflow websites.

The data in the array gets manipulated outside of the kendo grid. document.queryselector(".k-pager-refresh").click() option works , but there has got to be a better way to do this.

P.s. deleting and rebuilding the grid with the new data gives bugs with grouping the data by column header, so that isn't an option.

Need More Info
Last Updated: 08 Mar 2023 11:15 by ADMIN
Created by: Sudip
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
0

Diagram shapes get converted into SVG elements such as Path, Text, Image, or group (g) tags. These tags support the primary HTML event handlers (such as on click) and other attributes. It becomes essential to add a hiddle sibling with identification to work around this limitation.

var fooText = new KD.TextBlock({ x: fooX, y: fooY, text: textFromDb, id: uniqueIdBasedOnDataFromDb, // This ID (or another property "domId") should become the Id in the HTML onclick: someMethod,
customAttributeA: valueAFromDb,
customAttributeB: valueBFromDb}); barGroup.append(fooText);

Need More Info
Last Updated: 12 Dec 2022 10:32 by ADMIN
Created by: Paul
Comments: 3
Category: Kendo UI for jQuery
Type: Bug Report
0

I have a number of DataSource items in the event editor template. They are small JSON objects and it would be dumb to read them from the server each time. They do not change and are part of the page load. You can see here I am just serializing them into the page itself:

  

This works 9 out of 10 times. But sometimes the dataset is empty. Which is crazy because I am always filling it. I managed to find a work around on the event edit event that gets called but this seems strange to do. Not sure if there is a true bug here or not. Feels like it because this code should not have been needed:

Need More Info
Last Updated: 01 Nov 2022 08:24 by ADMIN
Created by: Cheng Mun
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
0

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

Need More Info
Last Updated: 04 May 2023 11:49 by ADMIN
Created by: eDAD
Comments: 4
Category: Kendo UI for jQuery
Type: Bug Report
0

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

Repro-Steps:

  1. Open the WPG - Home URL in browser.
  2. Now, navigate to table in table in scan mode.
  3. Observe the issue.

 

Actual Result:

After performing below action's, the table content gets changed but the narrator didn't announce about the content change:

  • After applying filter (any), if data shown as well as if no content found.
  • After selecting page no.

Expected Result:
The narrator should announce about change in the data table as soon as the filter applied, or page get changed.


User Impact:

Users who rely on screen readers are getting confused if the focus lands on the icon and only announces link without announcing the name of the link.
Need More Info
Last Updated: 24 Jun 2022 11:49 by ADMIN
Created by: zahra
Comments: 1
Category: Kendo UI for jQuery
Type: Bug Report
1

Hi

I found bug into the Items of Tab component.

When you create Tab and write 3 TabItems for it, all of the component are correct but when you want create other tab into the first or second part of TabItem with 2 tabitems, you will expect to see one main Tab with 3 TabItems and other Tab with 2 Tabitems into the first tabItem of first Tab. But you will see one Tab with 5 Tabitems So main Tab merge all of TabItems with together.

 


<Tab id="mainTab">
    <TabItem id="item1">
          <Tab id="childTab">
               <TabItem id="childItem1">
                    Content 1
                </TabItem>
                  <TabItem id="childItem2">
                    Content 2
                </TabItem>
           </Tab>
     </TabItem>
     <TabItem id="item2">
             Content 2
     </TabItem>
     <TabItem id="item3">
             Content 3
      </TabItem>
</Tab>

Thanks for solving this problem or for guiding me.

Need More Info
Last Updated: 09 Mar 2022 10:11 by ADMIN
Created by: Dmytro
Comments: 1
Category: Kendo UI for jQuery
Type: Feature Request
0

Requesting a modification to any component that uses k-animation-container.

Some components have this capability:

popup: {
    appendTo: $("SOME ID")
}

This gives us the ability to modify CSS for a single/particular popup. Please add this ability to all relevant components.

Or any other method to modify the styling of a particular dropdown. In some cases, there's an ID that's added but is removed for some reason when adding a certain configuration.