Consider the possibility of leveraging reusable HTML components with Kendo Angular or any other Kendo toolset:

https://caniuse.com/#search=components

Can we have document viewer for angular can show/display/preview different file format?

like .PDF, any type of image file {png, jpg, jpeg, bmp}, .docx, .doc, .txt, .xls, .xlsx, .msg

Hi,

I would like to know if there is any CAPTCHA control that can be used within Angular. I came across the following link:

https://www.telerik.com/products/aspnet-ajax/captcha.aspx

but in that link it is using ASP.NET so we would like to know if there is a way we could call this from our Angular Project.

Please let us know.

Thanks and Regards,

Avinash Vallabhaneni

I would like to allow users to sort single and multiple at the same time.

This could be achieved by adding another option to SortSettings: Single | Multiple | SingleShiftMultiple. The name is not the best proposal, but describes desired behaviour:

By default when user click column, previous sort is cleared and new is applied. But if user holds down shift key, new sort is added to SortDescriptor[] (current behaviour for multiple).

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 = ...
}

Cannot copy-paste date between 2 datepickers. Found issues:

• Cannot select whole date by mouse. Now it's reset to select only one date part by mouse. Current workaround: clicking Ctrl+A with keyboard.
• Similar: I think selecting whole date should be a default behavior when I click datepicker by mouse, because after keyboard navigation by TAB  the whole date is selected by default. No selection after clicking is also applicable (as it's done for standard input type="text").
  
• Similar: cannot select whole date by mouse with double click (expected behavior for inputs).
• Related issue: navigating by TAB across datepickers is too long. Because date parts are also "navigated". E.g. to navigate by TAB between 2 datepcikers I need to press TAB 4 times! If I have more datepickers, navigation is too annoying.
• Minor: cannot drag&drop dates between datepickers.

Can be reproduced in any Kendo example (and browser) on the documentation site.

Forms are what we use every day and if there's a form, we often have to validate the input and show the validation results to the user.

Problems:

• The way to do this today with angular requires a lot of code (see https://angular.io/guide/form-validation for examples)
• In many cases we have to handle and show the same validation errors over and over again. E.g. "this field is required"

Opportunity:

• The way validation errors are shown is similar in most applications and can be easily adjusted using simple CSS.
• Common validation error messages should be ok for many applications.

Feature request:

• Add a component to easily display validation errors of form components.
• Add global validation settings to customize standard error messages and behavior.

Example:

// global setup
validationService.configure({
  showIf: 'touchedOrDirty',
  messages: {
   required: "This field is required',
   customKey: 'This field needs ... ',
   customKey2: errorMessageForCustomKey2Fn
});

// callback to generated error message for customKey2
function errorMessageForCustomKey2Fn(control: FormControl)  => return `can include 'but is ... ' from form control`;

// HTML in component template
<input formControlName="myinput" ... />
<validation-errors forControlName="myinput"> // < should handle all globally registered errors without additional code.
  <error key="keyOfValidatorOnlyUsedHere">Sorry, but you have to</error>
</validation-errors>

I think such a feature could massively reduce the work to setup forms.

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

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.

On grid with 50 rows and 100 columns, autoFitColumns method freezes browser and annoying "Page unresponsive" is shown to the user. Please make function responsive.

Based on high Chrome CPU usage I think method could be ran in background thread. Probably Web workers would be appropriate for this task. This may help.

The example does not work:

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