i want to change the labels/button labels,view names and other texts in scheduler to a given language. And as you have mentioned in your posts i set a culture for my scheduler
This is how i did it.
eg: kendo.culture('zh-CN');
will this be enough?? Do i have to create the localization file too. If so is there ay proper place to find these localization files and where should i store the file?
I'm having an odd problem with my KendoUI grid using Odata-V4. I have a foreign key lookup, and if I have a value in the lookup field, I can update it just fine- I get an indicator that the field is dirty and it's updated when I save the grid. However, if there is no value when I load the item, I can choose an item in the dropdown but the selection isn't saved- the grid shows a blank value when I focus away from the foreign key dropdown and I can't save the grid; if I change another value and save it, the FK dropdown didn't set the value in the object. I'm hoping someone's run into this before? Thanks so much for any input.
var dataSource = new kendo.data.DataSource({
type: "odata-v4",
transport: {
read: {
xhrFields: { withCredentials: true },
url: "/odata/ProvisionalAppointments"
},
update: {
xhrFields: { withCredentials: true },
url: function (data) {
return "/odata/ProvisionalAppointments(" + data.Id + ")";
}
}
},
schema: {
model: {
id: "Id",
fields: {
Id: {type: "number" },
CustomerFirstName: { type: "string", editable: false },
CustomerLastName: { type: "string", editable: false },
CustomerPhoneNumber: { type: "string", editable: false },
FromDate: { type: "date", editable: false },
ToDate: { type: "date", editable: false },
ServiceId: { type: "number" },
LocationId: { type: "number" },
EmployeeId: { type: "number" },
IsApproved: { type: "bool" }
}
}
},
pageSize: 5,
serverPaging: true,
serverFiltering: true,
serverSorting: true
});
var servicesDataSource = new kendo.data.DataSource({
type: "odata-v4",
transport: {
read: {
xhrFields: { withCredentials: true },
url: "/odata/Services"
}
},
schema: {
model:
{
id: "Id",
fields:
{
Id: {
editable: false
},
Name: {
type: "string"
}
}
}
},
pageSize: 20,
serverPaging: true,
serverFiltering: true,
serverSorting: true
});
$("#grid").kendoGrid({
dataSource: dataSource,
toolbar: ["save", "cancel", "excel", "pdf"],
excel: {
allPages: true,
filterable: true
},
pdf: {
allPages: true
},
sortable: { mode: "multiple" },
pageable: {
pageSizes: [5, 10, 20, 50]
},
editable: true,
reordable: true,
resizable: true,
columns: [
{ field: "CustomerFirstName", title: "First Name" },
{ field: "CustomerLastName", title: "Last Name" },
{ field: "CustomerPhoneNumber", title: "Phone" },
{ field: "FromDate", title: "When", template: '#= kendo.toString(kendo.parseDate(FromDate), "M-d h:mm tt")#-#= kendo.toString(kendo.parseDate(ToDate), "h:mm tt")#' },
{ field: "ServiceId", title: "Service", dataTextField: "Name", dataValueField: "Id", dataSource: locationsDataSource },
{ field: "LocationId", title: "Location", dataTextField: "Name", dataValueField: "Id", dataSource: locationsDataSource },
{ field: "EmployeeId", title: "Employee", dataTextField: "Name", dataValueField: "Id", dataSource: employeesDataSource },
{
command: [{ name: "approve", template: "<a class='k-button k-grid-approve approve'><span class='k-icon k-i-check-outline'></span>Approve</a>", visible: function (dataItem) { return dataItem.IsApproved === null; }, click: approveAppointment },
{ name: "revokeApproval", template: "<a class='k-button k-grid-revokeApproval approved'><span class='k-icon k-i-check-circle'></span>Undo Approval</a>", visible: function (dataItem) { return dataItem.IsApproved === true; }, click: revokeApproveAppointment },
{ name: "reject", template: "<a class='k-button k-grid-reject reject'><span class='k-icon k-i-cancel'></span>Reject</a>", visible: function (dataItem) { return dataItem.IsApproved === null; }, click: rejectAppointment },
{ name: "revokeRejection", template: "<a class='k-button k-grid-revokeRejection rejected'><span class='k-icon k-i-cancel-circle'></span>Undo Rejection</a>", visible: function (dataItem) { return dataItem.IsApproved === false; }, click: revokeApproveAppointment }
], width: "275px"
}
],
allowCopy: {
delimeter: ","
},
mobile: true,
navigatable: true
});
I have a question about the resize behavior of shapes in a diagram.
It appears to me that shapes are getting 'zoomed' or 'stretched' but not actually properly resized.
Please take a look at the attached screenshots.
Also, the borders (strokeWidth stays the same) get stretched and out of proportion, as well as the text (fontSize stays the same).
Is there any way to alter the 'resize' behavior of shapes - because in my opinion it's not actually a resize but rather a strech or zoom and doesn't really look as good as it should.
Hi Telerik support team !
I have a problem when using 2 tileLayout. When I drag item from tileLayout 1 to inside tileLayout 2 Error appear "Uncaught TypeError: Cannot read property 'order' of undefined"
Please help me to avoid it.
I thing to hidden when overflow container of tileLayout but i don't way to set it.. Please helme.
Here is code
https://dojo.telerik.com/IkeHoxob/9
My admins HATE the way the daterangepicker works, they wanted me to pass it along, I'm not sure where to post.
Like look at this...
https://www.screencast.com/t/g3DVcVspyLuf
It's like you want to go left, and it goes... down. What you want to happen isn't happening, it's just off in left field wiping out fields and resetting itself.
I have code that adds buttons to a kendoToolBar. Upon completion, the button is added but the .items array still says null or undefined. The basic gist I am ultimately after is how to iterate through the buttons/controls in a toolbar and delete them all or at least delete them one by one by id. But, I can't figure out the syntax for iterating this array. Can anyone point out what I'm doing wrong?
var toolbar = $("#tbrMyToolBar").data("kendoToolBar");
toolbar.add(
{
type: "button",
attributes: { "class": "k-button" },
text: name,
id: "testbutton",
togglable: false,
click: function(e)
{
}
});
console.log(toolbar.items.length);