Hello Mariappan,
Locking of a particular day column in the MultiDay view (in any view in that matter) is not supported.
I tested the link and it opens the demo correctly in Chrome. Could you try this
one (fullscreen link to the demo)?
If you still cannot open it, then here is the source of the demo. Just paste in a '.html' file:
<!DOCTYPE html>
<
html
>
<
head
>
<
style
>body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</
style
>
<
title
>Scheduler - horizontal scroll</
title
>
<
style
>
.k-scheduler-layout {
table-layout: fixed;
}
.k-scheduler-layout > tbody > tr > td:first-child
{
width: 80px;
}
.k-scheduler-content .k-scheduler-table,
.k-scheduler-header .k-scheduler-table
{
width: 2000px
}
</
style
>
</
head
>
<
div
id
=
"example"
class
=
"k-content"
>
<
div
id
=
"scheduler"
></
div
>
</
div
>
<
script
>
$(function() {
$("#scheduler").kendoScheduler({
date: new Date("2013/6/13"),
startTime: new Date("2013/6/13 07:00 AM"),
height: 600,
views: [
"day",
{ type: "week", selected: true },
"month",
"agenda"
],
timezone: "Etc/UTC",
dataSource: {
batch: true,
transport: {
read: {
dataType: "jsonp"
},
update: {
dataType: "jsonp"
},
create: {
dataType: "jsonp"
},
destroy: {
dataType: "jsonp"
},
parameterMap: function(options, operation) {
if (operation !== "read" && options.models) {
return {models: kendo.stringify(options.models)};
}
}
},
schema: {
model: {
id: "meetingID",
fields: {
meetingID: { from: "MeetingID", type: "number" },
title: { from: "Title", defaultValue: "No title", validation: { required: true } },
start: { type: "date", from: "Start" },
end: { type: "date", from: "End" },
startTimezone: { from: "StartTimezone" },
endTimezone: { from: "EndTimezone" },
description: { from: "Description" },
recurrenceId: { from: "RecurrenceID" },
recurrenceRule: { from: "RecurrenceRule" },
recurrenceException: { from: "RecurrenceException" },
roomId: { from: "RoomID", nullable: true },
attendees: { from: "Attendees", nullable: true },
isAllDay: { type: "boolean", from: "IsAllDay" }
}
}
}
},
group: {
resources: ["Rooms", "Attendees"]
},
resources: [
{
field: "roomId",
name: "Rooms",
dataSource: [
{ text: "Meeting Room 101", value: 1, color: "#6eb3fa" },
{ text: "Meeting Room 201", value: 2, color: "#f58a8a" }
],
title: "Room"
},
{
field: "attendees",
name: "Attendees",
dataSource: [
{ text: "Alex", value: 1, color: "#f8a398" },
{ text: "Bob", value: 2, color: "#51a0ed" },
{ text: "Charlie", value: 3, color: "#56ca85" }
],
multiple: true,
title: "Attendees"
}
]
});
});
</
script
>
</
body
>
</
html
>
Regards,
Georgi Krustev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework -
download Kendo UI now!