Download and unzip the contents of the archive to any convenient location. The package contains the following folders:

- [php] - Contains the jqScheduler and the driver files for the appropriate database.
- [themes] - Contains the themes shipped with the product. Since jqScheduler supports jQuery UI Themeroller, any theme compatible with jQuery UI ThemeRoller will work for jqScheduler as well. Therefore, the package contains just one theme ("Redmond"). You can download any additional themes directly from jQuery UI's ThemeRoller site available here:

http://jqueryui.com/themeroller/

In addition to the "Redmond" theme, there is one more file in the [themes] folder - ui.jqsheduler.css. This is the one and only Css file jqSceduler needs. Just add it after you add the reference to the "Redmond" theme in your PHP/HTML file containing jqGrid for PHP.

<link rel="stylesheet" type="text/css" href="themes/redmond/jquery-ui-custom.css" />
<link rel="stylesheet" type="text/css" href="themes/ui.jqsheduler.css" />

- [js] - The javascript files of jqScheduler (and the needed libraries). You need to include them in your PHP page.

The first file is "jquery.js" - this is the official jQuery library on which jqGrid is built upon.
The next one is the jqScheduler javascript code itself, located in "jquery.jqScheduler.min.js"

Before to create any files to run the jqScheduler, we need to create the database table that holds the information for the Scheduler.

The default table name is events and you should create it in your database where you plan to use the jqScheduler. The table definition for MqSql database is in directory php/backend/db_mysql.sql.
If the table can not be named events (or you have already such one) rename it in you way and then after creating the instance do .
$eventcal->table ="your_new_table_name";

See below

After this is done the final result you will have in an PHP page containing jqSceduler would be something similar to that:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jqSheduler </title> 

<link rel="stylesheet" type="text/css" media="screen" href="themes/redmond/jquery-ui-custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/ui.jqscheduler.css" />

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.jqScheduler.min.js" type="text/javascript"></script>

</head>
<body>
......
<?php include "eventcal.php";?>
.......
</body>
</html>

Save the file as jqscheduler.php or any desired name in the root directory.

In the root directory you will find a file named jq-config.php. Open the file and enter the appropriate information for the connection to the database. Save the file and then create a file eventcal.php with the following content. Note that this example will use the database and tables provided with the demo.

<?php
require_once "php/jqUtils.php";
require_once "php/jqScheduler.php";
require_once "php/jqGridPdo.php";
require_once 'jq-config.php';
ini_set("display_errors",1);
$conn = new PDO(DB_DSN,DB_USER,DB_PASSWORD);
$conn->query("SET NAMES utf8");
$eventcal = new jqScheduler($conn);
$eventcal->table ="events";
$eventcal->setLocale('en_GB');
$eventcal->setUrl('eventcal.php');
$eventcal->setUser(1);
$eventcal->setUserNames(array('1'=>"Calender User 1",'2'=>"Calendar user 2") );
$eventcal->render();
?>
Run the file jqscheduler.php from your web browser.