user area

User name:



Multi-View Calendar

Purchase and Download Multi-View Calendar is a Calendar that allows to show events and information associated to specific dates in several ways. It includes multiple pre-designed visual styles, which you can also modify to match your specific needs.

This Calendar is available optionally as a Dreamweaver extension, but you can also use it directly, without Dreamweaver: for that you have to use the standalone version, which is included in the download.

The main features of this Calendar:

  • Multiple views: Day View, Week View, Month View, Multi-Month View.
  • Administration Panel in order to edit the calendar information.
  • Users can edit the calendar from the public site. Note: you will have to control the access of allowed users in case you need this option.
  • Information can be shown in floating dialogs, using mouse-over on related dates in the Multi-Month View.
  • Dates can be linked to other pages, passing the clicked date as a parameter in the URL. This works in the Multi-Month View.
  • Optional buttons can be added to current day, in order to navigate between dates and to reload calendar data.
  • Start day of the week can be defined.
  • Available in several languages: English, Spanish, French, Italian, German, Japanese, Portuguese and Dutch.
  • 23 predefined color styles can be applied, which covers practically any graphic design. If necessary, additional modifications can be made in the css files.
  • Ajax technologies are used to load information, which makes it easy for both administrators and final users.
  • Built using the jQuery Javascript Library.

Many more interesting features are also available but not listed here. The best way is to try the product directly using our Demo version below.


To use this Calendar, your webserver must support:

  • PHP 5.0 or later versions
  • MySQL 3.23 or later versions

Optional requirements:

  • If you wish to use the Dreamweaver extension to install the Calendar, then you will need Dreamweaver MX or a later version (MX, MX 2004, DW 8, CS3, CS4, CS5, CS6, CC, ...)


Select one of the pre-defined color schemes:

These styles are included in the product. You can select any of them when publishing the calendar from the backend.

Additional Demos

There are a lot of ways of configuring & using this Multi-View Calendar, click the screenshots below to see additional samples.

View day only
01. View day only
View week only
02. View week only
View month only
03. View month only
View n-Months only
04. View n-Months only
Small Calendar
05. Small Calendar
One month large view
06. n-Month view, only one month,
large view
two months using all width
07. n-Month view with 2 months using
all the width
three months with vertical align
08. n-Month view, 3 months with
vertical align
tooltip displayed
09. Tooltip displayed on month,week
and day view
Lighter view
10. Lighter view for events and center align
multi line event description
11. Multi-line event description
images and html formatting
12. Images and HTML formatting in tooltip
Images directly on the calendar cells
13. Images directly on the calendar cells
Show only from Monday to Friday
14. Show only from Monday to Friday
Using 12 or 24 hour clock
15. Using 12 or 24 hour clock
n-Days view
16. Showing the n-Days view
selecting hours to be shown
17. Selecting hours to be shown
lists for location and title
18. Using drop-down lists for location and title
multi column day view
19. Multi-column day view, based in location or title
day view with location title grid
20. Day view with location & title grid


If you aren't using Dreamweaver: Ignore the steps for Dreamweaver explained below and follow the steps specified in the file "readme.txt", located in the folder "Non-Dreamweaver version". Bascially you will need to copy the files from that folder onto your website and go directly to the database setup explained further below on this page.

If you are using Dreamweaver please follow these steps:

  1. Double click the MXP file provided; this action will launch the Adobe Extension Manager to install the extension into your Dreamweaver. If you don't have the proper Adobe Extension Manager then you can get it here.

  2. Restart your Dreamweaver

  3. Open the page where you want to insert the calendar

  4. Go to the Dreamweaver Menu >> Commands >> Insert MultiViewCal

  5. The following dialog will appear:
    multiview calendar
  6. The above fields mean:

    1. Select the calendar: You can have many calendars in your page. This initial field allows you to select the calendar to edit or to add a new one.

    2. Calendar Views:

      1. Views: Allows you to select the calendar views available to the end user and to specify the default view. For the multi-month calendars you can set the number of months to be shown simultaneously.

      2. Show tooltip on ...: Check this box to show a floating dialog over the dates containing information and select which event should launch the floating dialog (on mouse over or on mouse click).

      3. Go to the URL ... in ...: You can link the dates to a page passing the clicked date as GET parameter. This page can be opened in the same window or in a new window. If you want to pass the clicked date as parameter then you must add the tag "<d>" to the URL, for example: "view.php?date=<d>" ... in this case "<d>" will be replaced by the clicked date.

    3. Calendar Config:

      1. Language: Set the language. Currently available: English, Spanish, French, Italian, German, Japanese, Portuguese and Dutch

      2. Start day of the week: Set the start day of the week. Usually Sunday or Monday.

      3. CSS Styles: Select the desired pre-defined style from 23 available styles

      4. Allow editing in the public website: You can let your users to edit and add information to the calendar from the public website. In this case you should control their access yourself.

    4. Other buttons: Show or hide additional navigation and refresh buttons.

    5. Calendar MySQL Database: Specify in this section the database access details. It can be an empty database. The tables & fields will be created automatically on the calendar first use.

    6. Calendar admin: Specify in this section the username and password that will be used to access the calendar administration area.

  7. After clicking on "OK" button, the calendar will be inserted into your page and a folder named "DC_MultiViewCal", containing the required files, will be automatically generated.

  8. In this step, you have to set up access to the database and your calendar is ready to be used. Read below how to setup database access.

Note that the calendar is not shown in Dreamweaver's design view because Dreamweaver does not execute Javascripts. To see the calendar, you have to upload the files onto your webserver and load the page in a browser.

Database setup:

If you need to update the database access details for the calendar open the file "DC_MultiViewCal/admin/" and in the first lines you can update the access details:


Using the Calendar

The calendar administration area:

The administration area can be accessed at the following address:


... replacing "YOUR-WEB-SITE" by your website's address. You have to use the username and the password specified for the calendar when you created it in Dreamweaver or in Advanced Administration.

The Advanced Administration area:

The Advanced Admin area is useful to create and edit calendars without using Dreamweaver. To access this area use the link that can be found in the calendar admin or directly go to the address:


... replacing "YOUR-WEB-SITE" with your website's address. If it's your first access, you will find on that same page instructions to setup an access key.

Video Tutorials:

Development Notes

Setting the calendar size:

The calendar will take 100% of the width of the element that will contain it (ex: a table or DIV where it will be located), which is why, in order to control its size, all you need to do is specify the size of the element that will contain the calendar. You can also edit font sizes in the calendar's css files.

Linking dates to another page:

As mentioned above you can link the dates to a page passing the clicked date as GET parameter. If you want to pass the clicked date as parameter, you must add the tag "<d>" to the URL, for example: "view.php?date=<d>" ... in this case "<d>" will be replaced by the clicked date. You can implement any additional behavior for your project in the page "view.php". Optional: you can request a quote for adding any additional behaviors and integrating the calendar into your project.

Instant Download
Preferred payment & download method:
Paypal or Credit Cards:
USD $89.99
After payment you will be redirected to a direct-download page and the download link will be emailed to the payment address.