Hi,

I was going through one of pie chart example at following url - http://demos.telerik.com/kendo-ui/pie-charts/remote-data-binding

How can i implement this in angular js.

•  Basically there is no docs around dynamically specifying k-data-source.

•   Also, in this example we have hard coded div elements for each year and then we are creating charts dynamically in each div. But what if i don't know how many years will be there is the data that will come from server(user can change year range) and then i have to draw pie charts for each.

Hi,

   I was testing out this example http://dojo.telerik.com/eQoxo/4 on a workstation with chrome running (Windows 8.1, Nvidia Quadro card) and noted that the markers can only be selected and dragged by clicking on the black spot in the attached file. However, when I tested the same code with chrome on Windows 7 and Windows 10, the markers can be selected and dragged by clicking any part of the marker. Are there any OS dependency issue which I should be aware of in order to use the drag and drop marker feature of Kendo Map?

Best Regards,

CH

I have a grid, scrollable is set to false. When I export using the kendo.drawing.drawDOM, the column sizes are okay for the first page (with the grid header), but for the rest of the pages, column sizes changes according to the content.

I have attached an export snapshot.

Hi,

I'm new to Kendo UI. When I checked the demo of ButtonGroup, I didn't see any examples about integration with AngularJS.

Any examples or documentation are appreciated.

Hi there. I have a problem here... Suppose the following scenario:

I have this model:

var vm = kendo.observable({

   values: ["orange", "apple", "etc"],

   remove: function(e) { console.log("this is working"); }

});

and then something like this in my markup:

<div data-template="diosTeAyude" data-bind="source: values"></div>
<script id="diosTeAyude" type="text/x-kendo-template">
        <div class="input-group">
            <input data-bind="value: this">
            <span class="input-group-addon" data-bind="click: remove">-</span>
        </div>
</script>

"remove" method is not accessible, cause I'm using primitive types in my array, nothing outside the actual primitive value is there. If I change my model to:

var vm = kendo.observable({
values: [{theValue: "orange"}, {theValue: "apple"}, {theValue: "etc"}],
remove: function(e) { console.log("this is working"); }
});

and my template to:

<script id="diosTeAyude" type="text/x-kendo-template">
        <div class="input-group">
            <input data-bind="value: theValue">
            <span class="input-group-addon" data-bind="click: remove">-</span>
        </div>
</script>

then the viewModel prototypes fine and remove function is there, even when convert my array of strings to objects is unnecessary from the model point of view.

Is there any other way to accomplish what I need without having to do that?

Thanks in advance!

Hello,

I am trying to upload multiple files, up to 50 meg, in a MVC project.  I have tried with Kendo.upload however I keep getting the error past 10 MB I hit the size limit.  This is after I tried overriding the default maximum file upload size in Web.Config to a much larger filesize then 10 MB.

Is there an equivalent Kendo method to upload files like the RadAsyncUpload control for telerik.

thanks

Hi. There is an error in ProgressBarOptions definitions for value property:

Hi I have a treeview which is populated every time i select a row from grid which is a file name. I am currently adding the file size so I used a template - 

<script id="treeview-template" type="text/kendo-ui-template">
    <div class="layout-row">
           <div class="item-stylingsize">#: item.text #</div>
           <div class="item-stylingsize">#: item.size #</div>           
       </div>
    </script>

since adding this template -

              template: kendo.template($("#treeview-template").html()),
                dataTextField: "text",
                dataSource: tree,               
                select: onselect,                
                dataBound: function (e)
                {
                    try
                    {

                         // uid is just some text
                        var uid = returnUID();
                       
                        var treeview = $("#treeView").data("kendoTreeView");                        
                         var text = treeview.findByText(uid);                       
                        var itemroot1 = treeview.dataItem(text);                   

                        // expands to the correct node
                        treeview.expandTo(itemroot1);

                       // should select the correct node but does not
                        treeview.select(itemroot1);

}

My expandTo() function is not working because the findbytext() isnt working. 

A separate issue is the select() function does not select a node.

Any help would be appreciated

I have a tab strip in AngularJS where I am saving the user's last viewed tab and then trying to programmatically select that tab when they return to the page using ng-class and a scoped variable. This worked in a previous version of kendo UI, but I recently upgraded to the latest version and it no longer works. Here is how it is setup:

 <div kendo-tab-strip="tabStrip" k-content-urls="[null, null]">
        <ul>
            <li ng-class="selectedTab == 'Surveys' ? 'k-state-active' : ''" ng-click="changeSelectedTab('Surveys')">Surveys</li>
            <li ng-class="selectedTab == 'Assigned Surveys' ? 'k-state-active' : ''" ng-click="changeSelectedTab('Assigned Surveys')" >Assigned Surveys</li>          
        </ul>

     <div>Tab1</div>

     <div>Tab2</div>

</div>

The tab will show that it is selected, but the div content does not display. Any suggestions on an possible workaround?