Hi,

I've noticed a strange issue with the ContextMenu: in Firefox, the div text selection loses focus after the context menu is shown.

Here is FireFox context menu behavior (focus lost on selected text).

Sample Code:

https://stackblitz.com/edit/angular-udag3v-aoxarf?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fcontextmenu-items.ts

Please let me know if there is any solution for this.

Thanks,

 

Please add custom/translatable messages for the ListView component similar to other Kendo UI for Angular components. Primarily needed for translating the Pager messages.

In a line chart where markers are set to be not visible.
There is no way to increase the hit box of a marker (or line) to be hit if I want to trigger the tooltip of the marker.

The mouse hover obviously works better from it's inherent logic (a click not beeing involved), but triggering the tool tip with a touch gesture seems quite fumbly. One has to hit the line very exactly. Up to a point where one has to try several times to make it happen, which makes it very impractical for new users who might not even know that there are tooltips to be displayed.

For further infos here is my forum thread with more details:

https://www.telerik.com/forums/how-can-i-modify-the-hitbox-for-tooltips-in-linecharts-for-a-touchscreen-device

As described there, increasing the marker size does only work when markers are visible.
Making the line thicker might help a little but comes with unwanted optical changes which are impractical for most usecases.

Best Regards,

Leo Härdle

Currently, the supported approach for setting values for the input properties of the Kendo UI for Angular components is by binding them to a DOM property. 

Please provide support for the ability to set values for the input properties programmatically.

It would be great to have an option to add pie charts to the map, a feature similar to the attached picture

When both virtual scrolling and grouping are enabled via the kendoGridGroupBinding directive, and the Grid is navigable, focus is trapped in the header row when down or up arrow is pressed:

https://stackblitz.com/edit/angular-icxejq?file=app/app.component.ts

1. Focus any content cell

2. Press up/down - focus goes to the header cell of the respective column and is trapped in the header row

The example does not work:

https://www.telerik.com/kendo-angular-ui/components/tooltip/how-to/show-grid-cells-content/

 

When the grid component is set to virtual scroll mode, the popup component cannot be correctly positioned to its anchor in the grid cell.

I want to filter the scheduler data but I had to add the OwnerId property to the node package interface in order to be able to do so... yet the sample data provided in the examples does include the ownerId, so im guessing all that needs to be done is to add it to the interface.

 

 

Hi,

We encountered a problem when using kendo-sortable component in IE11. If we use this component anywhere on the page, all input fields on the page become unclickable. It seems to happen in the last version of this control (maybe because of a global click event listener? )

Hope you can help with this issue.

You can check out the following Stackblitz example which is based on your basic usage example: https://angular-t7vi5k.stackblitz.io/

Thanks in advance and happy holidays,

Shai Aharoni

 

Using the popupSettings we will be able to assign a specific popupClass to the popup component, which will allow to style the popup holding the menu items globally. 

I know this has been asked many times - when will there be a sketch file w/ the Kendo components? We are evaluating multiple libraries and w/ no support for sketch to design out UI - there will be little support from the design community - is there a beta that can be accessed? 

The manner in which the Kendo Grid handles multiple column sorting is unusual and therefore not what a user would expect.

I believe that people expect that the column they click on to always be the primary sort column.  In the Kendo grid, (when in multi-column mode) this is not the case.

If I click on the "Unit Price" column header, and then on "Product Name", nothing happens.  Instead, clicking on "Unit Price" a second time sorts the table by "Product Name".  This is not natural. 

Instead, this should simply behave like a non-destructive sort.  If I click on "Unit Price" and it sorts by that.  Then, clicking on "Product Name" should sort everything by Product Name and, if the names are the same, the items would be sub-sorted by the previously selected column: "Unit Price"

I would further ask that the only column that shows the arrow be the primary sort column.  Users want to see what the primary sort column is, and not be confused by the other columns, which they will assume are sorted in a reasonable way.  The indices help, but I still think that a single arrow denoting the primary sort column would be preferred.

https://www.telerik.com/kendo-angular-ui/components/grid/sorting/

To be backwards compatible, maybe introduce a 'natural' sort mode which would behave in this manner, since I really believe that this is what a user expect.

As a workaround, we put the grid in 'single' mode, and then when the sort changes, we do the following.  I limit the number of SortDescriptors to 3 as a compromise between sorting the columns in a reasonable way and yet prevent there from being too many arrows

public autoSortChange(sorts: SortDescriptor[]) {
   let singleSortKey = sorts[0];
   let newSort: SortDescriptor[] = [];
   newSort[0] = singleSortKey;
   this.internalSortDescriptors = this.internalSortDescriptors.filter(des => des.field !== singleSortKey.field)

   newSort = sorts.concat(this.internalSortDescriptors)

   this.internalSortDescriptors = Array.from(newSort);
   if (this.internalSortDescriptors.length > 2) {
    this.internalSortDescriptors.length = 2;
   }
   this.gridState.sort = newSort;
   this.gridData = ...
}

Reproduction

• Set the "scrollable" and "height" options of a grid.
• Add 0 or only a few rows.
• Also reproducable by removing rows from this stackblitz: https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/#toc-scrollable-mode

Provide a TagCloud control for Kendo UI for Angular. It currently exists in Kendo UI for ASP.NET.

Kendo UI for Angular and Kendo UI for jQuery complete package (all components, css, js) downloadable at once with documentation. Just the way how it was for old (ex: Kendo UI jQuery 2005) versions. No individual component download.

Need new Video, Audio, Thumbnail features under Kendo UI for Angular > MEDIA for Video & Audio playing, including loading/buffering, with control buttons and animations. Right now there is almost nothing for Audio, Thumbnail or Video.

Hello, I am trying to use the table-related toolbar tools in my editor. I am getting the compiler.js:2175 Uncaught Error: Template parse errors:
'kendo-editor-insert-table-button' is not a known element:
1. If 'kendo-editor-insert-table-button' is an Angular component, then verify that it is part of this module.
2. If 'kendo-editor-insert-table-button' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("               <!-- Kendo Built-In Toolbar tools not working correctly -->.

 

I have not had an issue with any other toolbar tools.

Hi,

 

Need a circle packing bubble chart. In my application, I required to use one use case.

Please refer attached screenshot.

 

FYI We are using the below dependencies in our project.

"@angular/animations": "7.2.3",
"@angular/cdk": "7.3.0",
"@angular/common": "7.2.3",
"@angular/compiler": "7.2.3",
"@angular/core": "7.2.3",
"@angular/forms": "7.2.3",
"@angular/http": "7.2.3",
"@angular/material": "7.3.0",
"@angular/platform-browser": "7.2.3",
"@angular/platform-browser-dynamic": "7.2.3",
"@angular/platform-server": "7.2.3",
"@angular/router": "7.2.3",
"@ng-bootstrap/ng-bootstrap": "4.2.2",
"@progress/kendo-angular-common": "1.1.0",
"@progress/kendo-angular-buttons": "5.0.0",
"@progress/kendo-angular-charts": "4.1.0",
"@progress/kendo-angular-dateinputs": "4.0.1",
"@progress/kendo-angular-dropdowns": "4.0.0",
"@progress/kendo-angular-excel-export": "3.0.1",
"@progress/kendo-angular-gauges": "3.0.0",
"@progress/kendo-angular-grid": "4.2.0",
"@progress/kendo-angular-inputs": "6.1.1",
"@progress/kendo-angular-intl": "2.0.0",
"@progress/kendo-angular-l10n": "2.0.0",
"@progress/kendo-angular-pdf-export": "2.0.0",
"@progress/kendo-angular-popup": "3.0.1",
"@progress/kendo-angular-scrollview": "3.0.0",
"@progress/kendo-angular-treeview": "2.5.0",
"@progress/kendo-angular-upload": "5.1.0",
"@progress/kendo-data-query": "1.5.0",
"@progress/kendo-drawing": "1.5.12",
"@progress/kendo-theme-default": "3.2.0",
"@progress/kendo-angular-layout": "4.0.0",
"@progress/kendo-ui": "2019.1.130",

https://angular-dxhzju.stackblitz.io

a. In "Show business hours" mode open event creating dialog and set start-end time that is outside of business hours specified, e.g. 07.00-07.30 when business hours are 08.00-20.00.

b. Press Save buttom.

c. Switch to "Show full day" mode.

Actual result - event is not shown.

Event appears only after, e.g. , pressing next arrow button and then pressing back arrow button.