There appear to be no decent solutions for PDF viewing in Angular in handling viewing of downloaded PDF files that works intelligently and consistently across all desktop and mobile browsers, and supports navigation, saving, and printing.

1. The Angular Kendo Report Viewer is limited to Telerik reports generated using the Telerik Report web infrastructure and doesn't handle PDFs from other sources.

2.  There is an open source Angular viewer, that provides reasonable viewing and navigation, but doesn't support save to file. or print.

https://github.com/VadimDez/ng2-pdf-viewer

3.  Syncfusion have a very nice Angular PDF viewer, but requires buying there whole Angular suite.  

https://help.syncfusion.com/angular/pdfviewer/getting-started  
A Kendo Angular PDF Viewer Component
 

It takes lot of time for rending thousands of records from client side, some times browse gets crashed, causes performance issue. Virtualization support will help us to overcome this issue, as the same provided in Angular 1.x and Kendo MVC controls. Can you please provide virtualization support for Autocomplete & Multi Select controls.

When using the "checkBy" attribute to configure the data field for the key definition, then the indeterminate state of parent nodes is broken.

To reproduce the issue have a look to this StackBlitz: https://stackblitz.com/edit/angular-okpokx

We are heavily relying on the use of RegEx masks and the MaskAutoComplete functionality in the Telerik Silverlight components. Currently we are completly rebuilding out application with Telerik Angular 2+ so we are missing this functionality.

For instance what we are trying to achieve is:

- force First letter upper case in lastname after every space in the name. (Silverlight --> Mask="([A-Z]\.)+" MaskType="RegEx" MaskAutoComplete="Optimistic")

- initials all uppercase and automaticly place a . after every letter (Silverlight --> Mask="([A-Z][a-z]+)((\s|\-)[A-Z][a-z]+)*" MaskType="RegEx" MaskAutoComplete="Optimistic")

If there is another way to achieve this in Angular 2+ with the current components that is also fine but I cannot find a way in the documentation.

Checkbox multiple selection allows selecting ranges with Shift modifier 

As the panel bar seems to support it it would be appreciable to have support for routes in the tabstrip component.

Hello,

I would like to request a way to have the selected/unselected column menu sorted separately from the table's columns.

Here is our table which demonstrates the current behavior.

When first rendered on the page:

After re-arranging the columns:

However, it'd be nice to have the column menu sorted separately from the table's columns. Thank you.

Based on the feature set of the current jQuery widget - http://demos.telerik.com/kendo-ui/diagram/index

For now, notifications can be closable OR automatically hide after some time.

When talking about error notifications we want to show them for a longer time (let's say 10 seconds) to ensure, users see them. The problem is, that notifications may hide content and it would be cool, if users could manually close them after reading.

Feature request:

Allow notifications that support BOTH properties set:

• hideAfter AND
• closable

    public show(): void {
        this.notificationService.show({
            ...
            type: { style: 'error', icon: true },
            closable: true,
            hideAfter: 10000
        });
    }

Meaning: Hide notifications after 10 secs but allow users to close them earlier. 

Current behavior: https://www.telerik.com/kendo-angular-ui/components/notification/hiding-notifications/#toc-defining-a-closable-notification

Hello Telerik,

We are using Conversation UI for chatting between two party.our requirement is initially its load 10 messages ,more older messages will be load as scroll reach at top. but there is not such event is available that fired when scroll reach at top in conversation UI.

See attached file.when scroll reach at top. it should fire an event and add new message before old messages   in conversation UI

Let me know how can I achieve this? sample code will be appreciated.

For more detail please see this video 

Version info

Kendo conversation UI 1.1.1

Thanks

Hi,

we want to build your fine conversational UI into our product? The idea in the first iteration is to use it to render message threads between different users. This means that we need to be able to track which messages the user has seen/read to provide a counter/badge with the number of unread messages. Do you have any examples showing something like that? Could you possibly give us a hint about how to achieve something like that with your API?

Thanks,

Anders

Sometimes we're using kendo sortable to sort "panels" containing form elements.

Examples:

• Sortable item with "delete" button
• Sortable item with "enabled" checkbox

Problem:

The sortable will "catch" the mousdown/pointerdown events and form elements on draggable items will not work.

Solution:

We have to listen in a div for those events and stop propagation.

.. but that needs additional code in template and component. We've created a small directive to do that, but that's an additional module we have to include in each feature module (and we have to remember that it exists, and what was the name, …)

Feature request:

Add a directive to sortable module that allows us to exclude areas inside of sortable items from being draggable to make (form) element work in these areas.

---

import { Directive, ElementRef, OnInit, Renderer2, AfterViewInit } from '@angular/core';

@Directive({
    selector: '[draggableExclude]'
})
export class DraggableExcludeDirective implements AfterViewInit {

    constructor(
        private _elemRef: ElementRef,
        private _renderer: Renderer2,
    ) { }

    ngAfterViewInit() {
        this._renderer.listen(this._elemRef, 'mousedown', (e: MouseEvent) => e.stopPropagation());
        this._renderer.listen(this._elemRef, 'pointerdown', (e: MouseEvent) => e.stopPropagation());
    }
}

Note: Touch is not handled.

… and how we use it

                    <kendo-sortable  … >
                        <ng-template let-attribute="item">
                            <div class="details">
                                {{ attribute.name }}
                            </div>
                            <div draggableExclude>
                                <button kendoButton look="bare" type="button"
                                    (click)="requestDeleteAttribute(attribute)" icon="delete"></button>
                            </div>
                        </ng-template>
                    </kendo-sortable>

Hi,

We really like the Kendo for Angular suite. We were trying to see if the kendo-stockchart could fit our needs with some customization. But this might be difficult to achieve.

We are looking for rendering multiple items within a horizontal timeline.

Unfortunately, we didn't find a good component yet that provides what we are looking for.

Here an example of the kind of functionalities we are interested in.

http://www.simile-widgets.org/timeline/

Is there any plan to provide such component in the near future? or perhaps there is a way we can customize the Kendo chart to do a similar.

Thanks.

-Patrick

Hi Team,

Could you please add feature for Kendo Editor in angular -

1. Paste image such as signature.
2. Able to resize image using mouse select rather than from the image toolbar.
3. Need toolbar for font color.

Thanks

Hello, How can I have floating label with some style applied like this:

<label>Name <span class="k-required">*</span></label>

In this example, https://stackblitz.com/edit/angular-q2kehs?file=app/app.component.ts, how can I transform the label to use floating label?

Thanks

Hi,

Many of my users complain that when clicking the the time component in the "empty" space, the focus is automatically set to the minutes area.

See image for example (clicking where the arrow is pointing).

This is very confusing for them and causes them to make a lot of mistakes.

Is it possible to disable this behavior?

Thanks,

Shahar