Hi.

On every expand of tree node I have an object from expandedKeys property. But I want also to have an event that will be fired on every expand .

Is there a way to get that the tree was expanded ? 

And if in kendo we don't have a functionality like that is there other working ways that you can suggest ?

Thank you

Hi,

Is there a way to disable specific dates in the Datepicker component similar to the disableDates for kendo calendar in AngularJS?

Thanks,

Wayne

I've been trying to get the Kendo UI Map component (for jQuery) working with Kendo UI Angular.  I have followed the instructions here:

https://www.telerik.com/kendo-angular-ui/components/framework/kendo-jquery/

I'm getting:

Uncaught TypeError: Cannot read property 'width' of undefined
    at init.translate (webpack-internal:///./node_modules/@progress/kendo-ui/js/drawing/kendo-drawing.js:5120)
    at init.translate (webpack-internal:///./node_modules/@progress/kendo-ui/js/drawing/surface.js:225)
    at init._translateSurface (webpack-internal:///./node_modules/@progress/kendo-ui/js/dataviz/map/layers/shape.js:276)
    at init._reset (webpack-internal:///./node_modules/@progress/kendo-ui/js/dataviz/map/layers/shape.js:162)
    at init.proxy (webpack-internal:///./node_modules/jquery/dist/jquery.js:10268)
    at init.trigger (webpack-internal:///./node_modules/@progress/kendo-ui/js/kendo.core.js:248)
    at init._reset (webpack-internal:///./node_modules/@progress/kendo-ui/js/dataviz/map/main.js:623)
    at new init (webpack-internal:///./node_modules/@progress/kendo-ui/js/dataviz/map/main.js:138)
    at HTMLDivElement.eval (webpack-internal:///./node_modules/@progress/kendo-ui/js/kendo.core.js:3234)
    at Function.each (webpack-internal:///./node_modules/jquery/dist/jquery.js:354)

Has anyone gotten the Map to work in an Angular application?

I have created a custom legend based on this approach, and it works well. Is it possible to change the legend text color when the item is clicked and in it's "inactive" state? So far everything I have tried ends up changing the color of all the legend items and not just the one I clicked on. 

Thanks, 

How do I configure a column in a Kendo Angular GridComponent to size to fit its contents please?

Would like some Kendo-specific suggestions or tips to best use the components, mainly in regards to whether or not seperate "create" and "edit" components should be created.  The UI im putting together is fairly complex and ill either need to manage the complexity of having almost identical create and edit components, or managing whether or not the user is editing or creating a new object.  So, either in general or given the scenario below, would you look at creating separate "create" and "edit" components?

Generally I have been using separate create and edit components when using angular with basic html components.  However, I think I should be able to manage a particular object type with just a single component.  Eg the Angular.io example managing heros.  The example below allows listing and editing a "hero", but not creating a new hero. 
example

The UI im about to build involves two grids in a master/detail relation, along with other elements related to the parent object. So the user would come to this screen and start a new DeliveryBucket by entering some basic info about the DeliveryBucket, then adding items to Grid A and for each row in Grid A, they would need to add items to Grid B.  Once they have enough to start they could "save" the DeliveryBucket which would persist the data model back to the database via an angular service and api.

The data model looks something like this. 

DeliveryBucket
    |___Path
        |__<Destination>
                |__Order
                    |__<OrderItem>

Where:  
- DeliveryBucket will contain a single path
- Path contains one or more Destinations
- Destination contain a single order
- Order contains one or more OrderItem

Do you know if there's any known issue using Kendo-splitter, kendo-window, kendo-treeview, kendo-tabstrip with Safari browser?

I tested my app with Chrome, IE, Edge and the pages look OK with these browsers.

Only with Safari, then the page does not show the splitter panes, tabs, popup dialog correctly.

Attached is a document showing screenshots across browsers.

 Hi,

I have a 'kendo-autocomplete' control on my app. Trying to set auto focus (element highlighted) on page load.  Using native javascript was able to track down the HTML element , but cannot fire 'click' / 'focus' events on them. Can you please help ?

I have seen a jquery post achieving the same , by calling .data('kendo-autocomplete). https://stackoverflow.com/questions/17152915/setting-focus-on-autocomplete-textbox

Here's what I tried ->

1. let searchInput: HTMLElement = document.getElementsByClassName('customClass')[0] as HTMLElement;

     searchInput.click(); //doesn't fire

2. Native Angular way -> Doesn't even find the element on DOM.

    <kendo-autocomplete #findMe>

     @ViewChild('findMe') searchInput: ElementRef;

     ngAfterViewInit() {

            this.searchInput.nativeElement.focus();    //searchInput is not defined. 

     }

Hello,

I need to use custom directives for manage checkedChange behavior.

Firstly I tried:

 <kendo-treeview [nodes]="model.Nodes"
                    textField="TextField"
                    kendoTreeViewExpandable
                    [expandBy]="model.ExpandBy"
                    [(expandedKeys)]="model.ExpandedKeys"
                    [hasChildren]="model.HasChildren"
                    [children]="model.Children"

                    [kendoTreeViewCheckable]="model.CheckableSettings"
                    [(checkedKeys)]="model.CheckedKeys"
                    [checkBy]="model.CheckBy"
                    [isChecked]="model.IsChecked"
                    (checkedChange)="checkMultiple($event)"
    </kendo-treeview>

but fires my event, and then the default event also. So checkMultiple was executed 2 times, so I could't check items. I thought that this way ignore the default event.

For this reason I decided to use my own custom directives, to overwrite all:

<kendo-treeview [nodes]="treeView.Nodes"
                    textField="TextField"
                    kendoTreeViewExpandable
                    [expandBy]="treeView.ExpandBy"
                    [(expandedKeys)]="treeView.ExpandedKeys"
                    [hasChildren]="treeView.HasChildren"
                    [children]="treeView.Children"

                customCheck
                    [(checkedKeys)]="treeView.CheckedKeys">
    </kendo-treeview>

My Kendo menu items are loaded from a JSON file so it's dynamically created using the [items] property. How do I change the font color for menu items? 

I know there's a cssClass property on MenuItemComponent but that doesn't work for me.