Kendo UI Scheduler

Learn how the Kendo UI Web Scheduler widget helps you create and manage tasks and appointments very easily.
4.1 (70 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
3,774 students enrolled
Start Learning Now
  • Lectures 10
  • Length 2 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 9/2013 English

Course Description

This course introduces developers to one of the latest Kendo UI Web widgets: the scheduler. Now, developers can build better web sites powered by the ability to create events (tasks/appointments) through a simple web widget. The ability to preview tasks in day, week, month, and calendar view is supported.

The author will follow a hands-on approach where all the features and options are shown through examples. The only tools needed are Notepad++ and a web browser (such as Google Chrome).

The course will start by introducing the scheduler and comparing the functionality to a similar scheduler (like Office Outlook). Then the scheduler features and options are discussed step-by-step using carefully selected examples.

By the time the user is done with this course, he/she will be well equipped to power his/her site with the new scheduler functionality.

Please note that since the scheduler is currently in beta release, some of the functionality might change, but the core concepts will remain the same.

What are the requirements?

  • Notepad++
  • Web Browser (Google Chrome)

What am I going to get from this course?

  • Introduce one of the latest Kendo UI Web widgets: the scheduler
  • Get the user familiar with other Kendo UI web widgets (that the scheduler use to complete the tasks)
  • Present web developers the latest web widgets that simplify day-to-day development activities

Who is the target audience?

  • Web developers who want to enhance their sites by adding the ability to schedule tasks
  • Developers who want to learn about the latest and greatest widgets

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Introduction

In this section, we will introduce the scheduler and see the different products that Kendo UI provides. We will download Kendo UI Web (that contains the scheduler) and discuss the content of the download.

Section 2: Development Tools

In this section, we will choose Notepad++ as the development tool and Google Chrome as the browser. We will look at a complete example that shows off the scheduler and its features.

Section 3: Schedule Features

The main property of a scheduler is the data source. In this exercise, we will see how to create a data source and preview the events in the scheduler. Note: Make sure you download the jquery.min.js and kendo.web.min.js and place them in the appropriate folder to test the page (these type of files cannot be uploaded on this site).


This section covers adding a date header template, all day event property and template, and using resources. Note: Remember to add the css and the js files from the appropriate folders in order for the example to work properly.


The events, by default, are editable (we can change them, delete them...). But we are presented with some options to change that behavior. We will see how that can be accomplished in this lesson.


We will use the rooms as the resources, and we will see how to group the events using these resources by applying the group, dataSource, and resources properties. Remember to have the following files in order for the example to work:

<link href="Styles/kendo.common.min.css" rel="stylesheet" />
<link href="Styles/kendo.metroblack.min.css" rel="stylesheet" />

<script src="Scripts/jquery.min.js"></script>
<script src="Scripts/kendo.web.min.js"></script<


As you will see in this discussion, we have control over the major and minor ticks on the left side of the scheduler. We can change these values and we can create templates to affect the display.


We will work with the views by manipulating their properties and set the "Month" view to be the default.


In the previous exercises we changed the properties within the scheduler to accomplish our tasks. Today, we will create another scheduler instance and change the event's properties programmatically.

Section 4: Conclusion

This lesson will wrap up the Kendo UI Web Scheduler discussion. The features we discussed should provide you everthing you need to feel comfortable using this widget in your web applications.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Ayad Boudiab, Senior Application Developer / Technical Trainer

 I am a Senior Application Developer with a degree in Computer Science from Georgia State University. I have about 15 years in programming experience and 14 years in teaching experience. I mostly work on Microsoft based technologies such as C#, ASP.NET, and SQL Server. I taught programming courses (Java, C#, SQL...) at the continuing education department in Georgia Perimeter College. I also taught a course online with Stark State College in Ohio. In addition to my full time developer position with a company in Alpharetta/GA, I am also a part time technical trainer with DevMedia/Brazil. I create training videos (such as jQuery, jQuery UI, JavaScript, Kendo UI, ASP.NET, and SQL Server) for their portal site

Ready to start learning?
Start Learning Now