Need More Info
Last Updated: 18 Mar 2024 08:13 by ADMIN
Created by: Michael D
Comments: 7
Category: Kendo UI for jQuery
Type: Bug Report
0

In the latest version of Kendo UI, various input controls like the NumericTextBox or the ColorPicker now consist of an input field and a button control (used for increasing/decreasing the value or opening the dropdown).

The border-radius for those widgets can be controlled by setting the "rounded" option. At the same time, when using SASS themes, a button's default border-radius might be set using the $kendo-button-border-radius variable. The buttons inside e.g. a NumericTextBox do not override the theme's border-radius which leads to an outcome like this:

Widgets that use Buttons internally (and therefore offer no way of overriding the button's border-radius by setting its "rounded" option manually) should override the default styles.

Unfortunately, I could not reproduce the behavior in a DOJO, because I cannot transpile SASS themes there.

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: 28 Feb 2024 09:06 by ADMIN
Created by: Steve
Comments: 5
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: 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: 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: 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: 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: 27 Sep 2022 14:49 by ADMIN
Created by: Sergio
Comments: 3
Category: TreeList
Type: Bug Report
0

Hi,

Using Fluor´s commercial purchase, we were able to get latest kendoui.for.jquery.2022.3.913.commercial, previously we were using v2019.1.220

 

After migration, I see that when using a kendoTreeList, that has a column template, it does not properly render the template content.

 

 

Template to render:

<script id="actions-template" type="text/x-kendo-template">

    <div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-#: id #" style="display: none;">

        <i class="fas fa-calendar-alt" /></a>

    </div>

    <div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-#: id #" style="display: none;">

        <i class="fas fa-pencil-alt" /></a>

    </div>

    <div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-#: id #" style="display: none;">

        <i class="fas fa-trash-alt" /></a>

    </div>

</script>

 

Rendered template (good one) with previous version v2019.1.220

 

<td role="gridcell" style="white-space: nowrap;">

    <div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-3" ><i class="fas fa-calendar-alt"></i></a>

    </div>

    <div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-3" ><i class="fas fa-pencil-alt"></i></a>

    </div>

    <div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-3" ><i class="fas fa-trash-alt"></i></a>

    </div>

</td>

 

Rendered template (buggy one) after upgrading to version 2022.3.913

 

<td role="gridcell" aria-describedby="d51133dd-fb81-4e68-9d56-4d61aab7f81a" class="" style="white-space: nowrap;">

    <div id="actions-revenue" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delay-input-screen-pbwbs-overview pl-1" id="delayButton-3" >

        <i class="fas fa-calendar-alt"></i></a><i class="fas fa-calendar-alt">

    </i></div><i class="fas fa-calendar-alt">

    <div id="actions-edit" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="edit-input-screen-pbwbs-overview pl-1" id="editButton-3" >

        <i class="fas fa-pencil-alt"></i></a><i class="fas fa-pencil-alt">

    </i></div><i class="fas fa-pencil-alt">

    <div id="actions-delete" ng-show="options.displayPeriod =='MONTHLY'">

        <a class="delete-input-screen-pbwbs-overview pl-1" id="deleteButton-3" >

        <i class="fas fa-trash-alt"></i></a><i class="fas fa-trash-alt">

    </i></div><i class="fas fa-trash-alt">

</i></i></i></td>

 

As we can see in the original template there are icons wrapped in anchors, previous version rendered the template ok, but new version scrambles this tags…

I have also been playing in the Dojo and this seems to be the case.

 

Regards….

Need More Info
Last Updated: 01 Sep 2022 08:11 by ADMIN

Test Environment:

OS: Windows_11
Version: 21H2
OS Build: 22000.795

Browser: Version 103.0.1264.71 (Official Build) (64-bit)

AT (include version number): Narrator

Repro Steps:

1. Open given URL in Edge Dev.

2. Enable Narrator using 'Ctrl+ Win + Enter' key. 

3. Navigate to the filters present on table and activate it.

4. Navigate on the available fields of filter flyout and observe Narrator is announcing label information on fields or not.

 

Actual Results:

In filter flyout labels are not associated with their respective fields.

 

Expected Results:

 All labels should be associated with their respective labels in filter flyout.

Narrator should also announce the same.

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: 16 Mar 2022 15:49 by ADMIN
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.

Need More Info
Last Updated: 08 Feb 2022 13:06 by ADMIN
Created by: Darryl
Comments: 7
Category: Grid
Type: Feature Request
35
Personally, I much prefer image buttons over text buttons in the grid just to keep bulk down especially when you have a wide grid or a number of custom command buttons with long text.

To do this at present requires some fancy css styling in the grid databound event.

I would like to see more configuration options for grid commands to allow for ....

- Built-in commands (Edit, Delete, etc) and custom commands to be image only
- Built-in commands and custom commands to have a "tooltip" option
1 2