The Dialog component seems to ignore the minWidth, unless I am misunderstanding what the attribute does.  When I shrink the width of my screen the dialog does not resize to minWidth and my content goes off screen.  I have attached a GIF to demonstrate.  This behavior is also present on the examples from the documentation so it is not specific to my setup.

Here is my code, as you can see I have the minWidth set to 400px, but the content window does not start resizing until around 100px.  How can I force the dialog to resize appropriately so the content does not go off screen?

Is this possible?

I've got the treeview working with selected keys, but I'd like to add the above mentioned functionality. (Using Angular 6)

Thanks

I'm having issues deciphering the documentation when trying to build the following 100% stacked chart. Is this possible?

I'm trying to put an icon in a tab, but to do so in a repeatable manner for various tab strips throughout my application. I know I can do the following:

<kendo-tabstrip>
    <kendo-tabstrip-tab>
        <ng-template kendoTabTitle>
              <img src="/images/myicon.png" style="padding-right: 10px;" /> My Tab
        </ng-template>
    </kendo-tabstrip-tab>
</kendo-tabstrip>

The problem is that this is tedious and error-prone when repeated many times. I was thinking of making a directive that I could attach to the kendo-tabstrip-tab component that would override the template, but I'm unsure how to do that and my searches haven't revealed anything. Any suggestions?

Hello,
Do we have any marquee ui control based on telerik (for angular)?

Thank in advance :)

Vamshi

I was trying to follow the provided example for using the treeview with flat data.  However, I keep getting this error "this.originalData.slice is not a function
    at FlatDataBindingDirective.set [as nodes] '

My data is flat and remote (the example was local data).  Here is my code in the component:  

@Component({
selector: 'app-treeview',
styles: [`
:host {
height: 600px;
overflow: auto;
}
`],
template: `
<kendo-treeview
[nodes]="myitem"
textField="Text"
kendoTreeViewExpandable
kendoTreeViewFlatDataBinding
idField="ItemID"
parentIdField="ParentId">
</kendo-treeview>
`
})
export class TestTreeComponent implements OnInit {
public myitems: Observable<any[]>;
constructor(private myitemService: myItemsService) { }
public ngOnInit(): void {
this.myitems= this.myitemService.getMyItemss();
}

And in the service:

getMyItems(): Observable<any> {
return this.http.get(this.globalService.getURLRoot() + this.urlRoute)
.map( res => {
this.data = res;
return this.data;
});
}

I have also tried removing the Observables with the same result.  I know the data can be retrieved because if I change "[nodes]="myitem"" to "[nodes]="myitem | async", all the items are returned with no hierarchy structure.

thank you.

Hi
I'm trying to upgrade my progress controls to 2018 R3 from 2018 R1.  I am using Angular 5.2.3

The issue is the LocalizationService isn’t getting injected into the tootltip directive.  

So this code is failing since localizationService is null 

                this.dynamicRTLSubscription = this.localizationService.changes.subscribe(function(e) {
                    return t.direction = e.rtl ? "rtl" : "ltr"
                })

I noticed on the tooltip samples use Angular 6, so Im not sure if this could be a version issue.  The code worked fine with 2018 R1

Currently I am not immediately planning to upgrade to Angular 6 as I need to make several code modifications for the Rxjs library updates

Any suggestions would be appreciated, thanks

Hello

In this component I miss vertical spinners, so I extended your implementation

It would be great if you could adopt my implementation in your branch, so I don't have to maintain a private package for each new release of the kendo-angular-inputs package

Vertical spinners are much more useable when it comes to mobile devices, and the changes are minimal

• In the HTML-Template two additional <spans> for the extra buttons

• An extra property

• A CSS class (I think you would adopt it to your structure)

Best regards

Jürgen

First I'd like to say that I was working with the PDF Export and Drawing API's to build a quote/invoice with repeating header section and complex cells for specific parts, prices, etc. and the automatic paging and repeatHeaders worked out wonderfully.

One thing I'm still trying to figure out is how to add something like the {{pageCount}} of {{pageTotal}} without having a grid involved. Is there anything in the API's that I can use to achieve this effect and if not is there a way I can perhaps interact with the repeat header to hook the Javascript to it that I'd need to make this happen?

In JQuery, we have:

Do we have something similar in Angular?