Thanks in advance for any advice you can provide.
3 Answers, 1 is accepted
We don't have any concrete experience with Office 365, but as far as I understand most limitations are related to the server-side code. Kendo UI runs entirely in the browser and should not be affected by these limitations.
The next step would be to expose the SharePoint lists to the widgets. The OData API provided by Office 365 should be sufficient for this task. Please, see this example of a Kendo UI Grid bound to an OData data source.
I hope this helps.
Tsvetomir Tsonev
the Telerik team

For your reference, my code for a sample grid looks is like the following (obviously I've "anonymised" the actual Office 365 web address):
<
head
runat
=
"server"
>
<
link
href
=
"styles/kendo.common.min.css"
rel
=
"stylesheet"
/>
<
link
href
=
"styles/kendo.default.min.css"
rel
=
"stylesheet"
/>
<
script
src
=
"js/jquery.min.js"
type
=
"text/javascript"
></
script
>
<
script
src
=
"js/jquery.tmpl.min.js"
type
=
"text/javascript"
></
script
>
<
script
src
=
"js/kendo.web.min.js"
></
script
>
<
title
>Office 365 Chart/Grid Demo</
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
script
id
=
"SupplierTemplate"
type
=
"text/x-kendo-tmpl"
>
<
span
> ${ Supplier.Name } </
span
>
</
script
>
<
div
id
=
"grid"
></
div
>
<
script
>
$(document).ready(function () {
var ds = new kendo.data.DataSource({
type: "odata",
transport: {
read: {
url: "http://office365webaddress/TeamSite/Demonstration/_vti_bin/listdata.svc/PurchaseInvoices?$expand=Supplier",
contentType: "application/json; charset=utf-8",
type: "GET",
dataType: "json"
},
},
schema: {
data: "d.results",
model: {
fields:
{
Title: { type: "string" },
InvoiceDate: { type: "date" },
InvoiceNumber: { type: "string" },
Supplier:
{
Name: { type: "string" }
}
}
}
},
pageSize: 10,
serverPaging: true,
serverFiltering: true,
serverSorting: true
});
$("#grid").kendoGrid({
dataSource: ds,
filterable: true,
sortable: true,
pageable: true,
columns:
[
{
title: "Supplier",
template: kendo.template($("#SupplierTemplate").html())
},
{ field: "InvoiceNumber", title: "Inv No" },
{ field: "InvoiceDate", title: "Inv Date", format: "{0:dd/MM/yyyy}", sortable: true },
{ field: "Title", title: "Title" }
],
});
});
</
script
>
</
form
>
</
body
>
I don't think we'll be able to help here. You've got everything set up correctly, but the access control is entirely in the hands of the Office 365 team.
Your best bet is to address this question to the Office 365 support staff. They should at least confirm if this is possible before getting to the technical details.
Tsvetomir Tsonev
the Telerik team