We have been asked to produce a page within Office 365 for a client and he really wants a fairly sophisticated chart within the page reporting data from some of his Sharepoint lists. The page will also contain other information as well as including a grid of data all of which we feel we can do with the tools provided. As I understand it's not possible to use AJAX controls in Office 365 can KendoUI be used in this way?

Thanks in advance for any advice you can provide.

Hello,

 I have a donut chart and legend set up: 

            legend: {
                position: "bottom",
                labels: {
                    template: "#= dataItem.jobType # (#= dataItem.taskPercentage #%)"
                }

Is there a way to display the labels in a table or similar structure? at the moment they look messy because their position isn't fixed (it's based on label name length which results in them appearing jagged)

Many thanks,
Mike

I'm trying to clone in Kendo one of our existing graphs made using another tool, see attached image for how the graph should look. Basically, you can think of the first column as containing a hierarchial list of items that we'd like to model using a treeview. The last column is a line visualizing the time period during which the item was active. The other columns are a textual representation of the start time, duration and the end time the item was active.

Any way I can achieve this by attaching a linear guage (configured to look just like a solid bar) to each item in the treeview? Ideally, I'd also like to specify the type of the treeview elements as a record (grid) with custom fields, where a field can hold any type of item including other kendo controls. Is something like this doable?

I want to take the value from the editor and pass it to the model to be added into the data base but i dont know how to implement the part with the value go from the editor to the model here is the place im so far

CSHTML
Controller

Model Method

Hello Everyone,
This is the first time I am posting to Kendo Forums, so forgive me if I step over any posting rules. 
I am very new to Kendo UI and MVC 4. So far, I have been able to get the data to display on the grid on my web page.
But I am having issues with the data binding to the grid. The first time the page displays, it correctly displays the first 10 records, but when I click on "Go to Next page", the web page throws error.

I understand that it has to do with data binding to the grid. My question is, how do I go about this? i.e. Do I need to add the code to the controller or the view? and if so, where should I add the new method and how would it look like? I am posting my code below for your review. Please feel free to make any suggestions. Thank you for reading.

@model IEnumerable<MVC4Trial.Models.vwCallDetail>
@{
    ViewBag.Title = "Index";
}

<h2>Call Detail View</h2>

@(Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns =>
    {
        columns.Bound(p => p.CCCID).Width(50).Title("CCCID");
        columns.Bound(p => p.Mp3_Url).Width(50).Title("MP3 URL");
        columns.Bound(p => p.Target_Number).Width(50).Title("Target Number");
        columns.Bound(p => p.Duration).Width(50);
        columns.Bound(p => p.Index).Width(50);
        columns.Bound(p => p.LocalTime).Width(50);
        columns.Bound(p => p.Site_Name___Address).Width(50).Title("Site Address");
        columns.Bound(p => p.Ad_Source_Name).Width(50).Title("Ad Source Name");
        columns.Bound(p => p.Tracking_Number).Width(50).Title("Tracking Number");
        columns.Bound(p => p.Caller_Number).Width(50).Title("Caller");
        columns.Bound(p => p.Available_Feature).Width(50).Title("Features");
        
       
    })
    .Groupable()
    .Pageable(page => page.Enabled(true).PageSizes(new Int32[] {10, 20, 30, 40}))
    .Sortable(sorting => sorting.SortMode(Kendo.Mvc.UI.GridSortMode.SingleColumn))
    .Scrollable()
    .Filterable()
    .DataSource(datasource => datasource
        .Ajax()
        .Read(read => read.Action("vwCallDetail", "Grid"))
        .PageSize(10)
        .ServerOperation(true)
        .PageSize(10)
        )
    .Resizable(resize =>resize.Columns(true))
    .Reorderable(reordering => reordering.Columns(true))
    ) 

Hello,

I'm finding that the proper styling is not being applies(or it is being applied in the wrong order) when a control is in error in MVC.

Using the default Kendo UI MVC project out of VS2012, a control like so:
Does not get styled with a pink background, red border and instead retains the default styling.
The styling defined in the default Kendo Site.css(line 256):
 but it is just overridden by the default styling(from the theme css) instead of the error styling taking precedence.

If I remove the "k-textbox" class, then the background-color works, but the red border is still not in effect because it is overridden by the CSS on line 164 of Site.css:


Is it possible to get the provided error styles to take precedence over the non-error styles?
It does not work out-of-the-box.


Thanks.

I have a dropdown list of states and the keyboard hitting 'n' key doesn't cycle through the states like a default one does.  See this fiddle:

http://jsfiddle.net/wolfpackt99/pZM8m

Is this a bug or how do i enable the default behavior as well.

Hi, I am having a problem to bind a Listview in kendo ui mobile with a server side method written in a Webservice.
But this code is not working. When i placed a debugger in method, i found that debugger does not go inside the $.ajax 
and go out to end the function. Can anybody help ?


<script src="scripts/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="scripts/jquery.min.js" type="text/javascript"></script>
<script src="scripts/kendo.all.min.js" type="text/javascript"></script>
<link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function mobileListViewDataBindInitFlat() {
debugger;
$.ajax({
type: "POST",
url: "mobileAppWebService.asmx/GetData",
data:null,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
$("#flat-listview").kendoMobileListView({
dataSource: data.d,
});
},
failure: function (msg) {
alert(msg);
}
});
}
var app = new kendo.mobile.Application(document.body);
</script>
</head>
<body>

<div data-role="view"   data-init="mobileListViewDataBindInitFlat" data-title="Data Bindings">
<ul data-role="listview" data-style="inset" id="flat" >
</ul>
<div data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>
</div>
</div>
</div>
</body>

Здравейте,

Ползвайки Kendo mobile  се опитвам да направя форма с данни за потребител, която да съхранява информацията в локална база данни на устройството. 
Тъй като от съвсем скоро се занимавам с това, документацията не ми е достатъчна. Успях да създам базичката и някак добавих нещо като форма за въвеждане, редактиране и изтриване, но с помощта на kendo web, и когато добавя скрипта за mobile  всичко гърми. Знам, че двете са отделно съответно с различен съпорт. Има ли начин в който да мога да мога да редактирам и въвеждам данни с KendoMobileListView?


Поздрави,
Марияна

ff