Kendo Team -

We are using Kendo Donut Chart, it breaks or UI distorts in case of specific set of values, ratio is [9,3,2]. See attached screenshot.

Hi

I am passing data to a kendoUI gird and the data doesn't display.
I'm new to this and am probably making a basic mistake.

My controller code is:

public ActionResult GetDataFromStream(string streamName)
{
string temp = OpenHttpGETConnection(streamName);
string[] split = temp.Split(new Char [] {'\r'});

//var myList = new List<dynamic>();
List<DisplayData> myList = new List<DisplayData>();

foreach (string s in split)
{
if(s!=null){
string[] strTemp = new string[2];
strTemp = s.Split(new Char[] { '\t' });

myList.Add
(new DisplayData
     {
key = strTamp[0]
value = strTemp[1]
});
 }
}
return Json(myList);

}

My index.cshtml code is:

function functionOne(streamName) {
console.log("@Url.Action("GetDataFromStream", "Index")" + "?streamName=" + encodeURIComponent(streamName));
$.ajax({

url: "@Url.Action("GetDataFromStream", "Index")" + "?streamName=" + encodeURIComponent(streamName),

success: OnSuccess,

});

}

function OnSuccess(data) {
//document.getElementById('dataTable').style.visibility = "visible";
myData = data;

$('#dataTable').kendoGrid({
dataSource: { transport: { read: { url: '@Url.Action("GetDataFromStream", "Home")', type: 'POST' } } },
scrollable: true,
toolbar: 'Metrics',
});

The grid get displayed but there is no data in it.
When I try to display myData[0][0], that displays fine.
But I want to display all the rows in data.

Thanks,
Kinnary

I am using MVC Upload template to style my own file list and would like to add download button to the template and show it only when file successfully uploaded. Is it possible to add custom html elements to upload template and manipulate them? Could you show how to do that?

I have found that Error event is fired in our application while using Kendo Upload(MVC). Even in your demo using IE or Chrome we get Error event at the end of upload at http://demos.kendoui.com/web/upload/events.html

Hello,

I have a stacked bar chart, basically the same as your Demo - Stacked Bars (Olympic Medals won by USA). In my application I need to perform actions when a user clicks on the ChartCategoryAxisItem label - a year, in this case.

Having had a look at the API doc I haven't found anything suitable - is there a handle that I can hook into to capture that click?

Thankyou

Hello,

I found an issue on top resize of event, at 6/09 12:30 PM, on IE 10.

http://demos.kendoui.com/web/scheduler/events.html

 Steps to reproduce the issue:

1. Open the above link.
2. Move event "Call Charlie about project" at 6/09 12:30 PM. 
3. Reload the page.
4. Select top resize of event at 6/09 12:30 PM (Call Charlie about project).
5. Issue appears randomly after page load.

Thanks,
Simon Andre

I've got a custom font so that I can have custom icons in the tabstrip. When I use my font, the icon shows up but it's not using the color specified in the css.

It shows up black. Even if I set the color directly in the debugger, no color is applied.
<See Black.png attachment>

If I use the icon in a view, it shows up with correct color:
<See Orange.png attachment>

I assume there is some type of mask being applied but I can't figure out why it's making it black. I figured at the very least, it would be the same color as the other native icons.

Note that if I change the color of all the icons (with the km-icon css class), my custom icons do not change.

Note also: When I debug, I see that css is telling me that the color should be orange:

css:

html:

Greetings,

In my application I have several optional date fields.   

This is Great:  1/1/2001  (or any other valid date)
This is fine too since it's not required: ""   (nothing)
This is not ok and is Invalid:  "asdfasdfasdf"

When data binding (I use knockout with kendoUI), and when listening to the change event, there seems to be no difference between empty text, and an invalid date that has been entered.   How can I differenciate between the two?

I would like to display validation errors in the case of invalid data, or even just clear the date out when focus is lost would work as well.  

I found a similar post which directed another individual here: http://jsbin.com/ufimom/640/edit   However that is using jquery validation which I'm not interested in bringing that in to solve this issue.

Is there something obvious I'm missing here?    If it's relevant, I am using knockout and knockout-kendo libraries.

Thanks!
Shaun

This is the code and i cant figure out why the tree does not expand and the clicking on node makes the arrow to go way and nothing happens. Any ideas?

Thank you a lot

    var dataSource = new kendo.data.HierarchicalDataSource({
        data: [
    {
        Id: "504644ed-f044-441a-b5a2-0932535cae1d",
        CategoryName: "Category 1",
        RootCategoryLvl: [
            {
                Id: "254efcac-e213-423a-b665-a4bad0df1bce",
                CategoryName: "Category 1-2",
                ChildrenCategory1: []
            },
            {
                Id: "0a4e218f-dfef-44d2-a68e-f2ec7db65298",
                CategoryName: "Category 1-1",
                ChildrenCategory1: [
                    {
                        Id: "8fa23676-79ec-4b09-aba5-a25400dc3fc9",
                        CategoryName: "Category 1-1-1",
                        ChildrenCategory2: [
                            {
                                Id: "238e006d-a7d2-4a9f-9e49-a25400dc7d87",
                                CategoryName: "Category 1-1-1-1",
                                ChildrenCategory3: null
                            },
                            {
                                Id: "f443ad31-e1a0-4627-926b-a25400dc8784",
                                CategoryName: "Category 1-1-1-2",
                                ChildrenCategory3: null
                            },
                            {
                                Id: "07a2b4a9-2d1d-4e83-a688-a25400dc8fa5",
                                CategoryName: "Category 1-1-1-3",
                                ChildrenCategory3: null
                            }
                        ]
                    },
                    {
                        Id: "8ce00d5a-8f46-4ea8-b0ae-a25400dc53af",
                        CategoryName: "Category 1-1-2",
                        ChildrenCategory2: []
                    }
                ]
            }
        ]
    },
    {
        Id: "e0de81c2-b05f-43cc-b9ca-8d2e2a26a2b9",
        CategoryName: "Category 2",
        RootCategoryLvl: [
            {
                Id: "df2e275d-25f2-4675-9263-13c1a8c573a5",
                CategoryName: "Best Selling Products",
                ChildrenCategory1: []
            },
            {
                Id: "18f82b35-01a9-4350-b24d-94a56a063351",
                CategoryName: "Current Inventory List",
                ChildrenCategory1: []
            }
        ]
    },
    {
        Id: "09a0101f-1fc9-4827-b870-a23400a2bd1e",
        CategoryName: "test1",
        RootCategoryLvl: []
    },
    {
        Id: "5bd75a56-994f-457f-8e65-a23400a35040",
        CategoryName: "test2",
        RootCategoryLvl: []
    }
        ],
         schema: {
            model: {
                id: "Id",
                hasChildren: "ChildrenCategory1",
                children: {
                    schema: {
                        model: {
                            id: "Id",
                            hasChildren: "ChildrenCategory2",
                            children: {
                                schema: {
                                    model: {
                                        id: "Id",
                                        hasChildren: "ChildrenCategory3",
                                        children: {
                                            schema: {
                                                model: {
                                                    id: "Id",
                                                    hasChildren: false
                                                    
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }                     
                    }
                }
            }
        }
    });

   $("#treeview-right").kendoTreeView({
       dataSource: dataSource,
       dataTextField: ["CategoryName"]
   });

I have a grid that's pulling data from an array, and it just won't sort when it loads up. I can sort it by clicking the column header, but I need it initially sorted. No matter what I try, it always comes up unsorted. The first few entries in the Count column are 100, 222, 11, 441, 168, 15, 493, 11, 32, 24...