Appointment Calendar

A Dreamweaver Extension.
Works with Dreamweaver MX, MX 2004,
DW 8, CS3, CS4, CS5, CS6, CC
Also available for non-Dreamweaver users.
Requires PHP on your hosting.
Product: Appointment Calendar

Dreamweaver Appointment Calendar is an extension for Adobe Dreamweaver which allows you to book, show and edit appointments as well as create event calendars which show different activities throughout the day. For each day in the calendar you will be able to define which are the timeframes for appointments or activities, add information in the hours already booked or leave them free to allow a reservation later.

Examples of cases where this product can be recommended: booking/management of meetings / appointments for lawyers firms, doctors, veterinaries, beauticians, etc, as well as to show different activities during an event, a scholar calendar (ex, class planning), tourist group daily planner, and for virtually any kind of activity which is developed with specific schedule during the day.

This calendar is highly flexible, you can create periodical schedules (i.e., events each 20 minutes, or every hour), as well as changing schedules. You can define which days are open for business (ex, Monday to Friday), and also the exception days with no activities (holidays, planned interruptions, leaves.) For each booked schedule you can write a title and comments for reference. You can choose to show a monthly view of the calendar, or show several months simultaneously.

Note*: This product is for servers with PHP scripts support. We have the same product for servers with ASP support here: ASP Appointment Calendar.

Note**: If you would like to be able to add HTML formatting to your appointment entries, such as colors, backgrounds, etc, check out Appointment Calendar with HTML Editor.

Note***: We have a similar product named "Daily Scheduler Calendar" that allows to select time intervals for the appointment among other additional features and configuration options.

Note****: This product uses plain text files to store the information. If you are looking for a product based on MySQL databases then check the Appointment Calendar with MySQL Databases.

The administration system of the calendar is extremely simple, with a very modern and interactive interface. To access a demo, please click on the links below:

»»» Click to open Admin Demo «««

»»» Click to see Admin User Help Video «««

On the public site, for your web visitors, you can show the calendar in three ways according to the use that you intend to give your calendar:

  • Type 1: Small calendar. To show activities on different days / hours while taking up the minimum of space. In this case, a small calendar is inserted. It will show the information about the selected day in dynamic floating panels, which won't interfere with the rest of your page elements. Click the following link to see an example:

    Click to open the Demo for Type 1 Calendar

  • Type 2: Large calendar. To show activities in different hours while taking the main content of the page. In this case, a large calendar is inserted, which may become the central element of your page. It can show in each appropriate cell the titles of activities planned for each hour; when mouse is pointed at each hour, relevant comments, if any, are shown in dynamic floating panels. Click the following link to see an example:

    Click to open the Demo for Type 2 Calendar

  • Type 3: Reservation Calendar. To book appointments. In this case, a small calendar is inserted, which will become part of your reservation form. The calendar will allow your website visitor to select a day and the time of the appointment among those that are available. The selected value will be saved as a hidden field in your page and will be posted on the page that processes your reservation form in such way that you will have access to the day and hour selected by the user. Please click the following link to see an example:

    Click to open the Demo for Type 3 Calendar

Tip: in the case of the appointment calendar, if you don't have a script that processes your reservation form to collect the data sent by the user, we can suggest any one of the following Dreamweaver extensions:


IMPORTANT: This software has the following requirements:

  1. The server must support PHP 4.0 or later
  2. It's necessary to set writing permissions to the folder "TDE_AppCalendar/admin/database" where the data will be saved to. You can consult our FAQ if you are not sure how to proceed.

Note: This product does not require external database systems; the information is kept in text files in a folder on your website. This way the technical requirements are low while the installation and use are kept simple and straightforward.

Optional requirements:

  1. If you want to use it as a Dreamweaver extension: Adobe Dreamweaver: Dreamweaver MX or any later version, including MX 2004, DW 8, CS3, CS4, CS5, CS6, CC.

Help & FAQ & Videos

Please read below the "Basic Installation" and "Development Notes".

For visual information, please consult the animated video-demo.

For a live sample please visit the following links:

Additional Info: Appointment Calendar - Online FAQ.

Basic Installation

If you aren't using Dreamweaver then ignore the references to Dreamweaver below and follow the instructions specified into the "readme.txt" file located into the folder "Non-Dreamweaver version" (after unzipping the downloaded file). Basically just copy the files into your website.

To install in Dreamweaver, please follow these steps:

  1. Double click on the downloaded .MXP file. This will install the product in Dreamweaver.
  2. Restart Dreamweaver to complete the installation
  3. At this time you will have access to a new option in your Dreamweaver, which can be found under "Dreamweaver Menu >> Commands >> Insert Appointment Calendar"

To install the product in your page:

  1. Open the page where you wish to install your calendar. This page must be previously saved within your website.
  2. Use the option "Dreamweaver Menu >> Commands >> Insert Appointment Calendar", at which point the following window will appear:

    Insert Appointment Calendar

    The window's fields are as follows:

    • Calendar Type: Select what type of calendar you require; it can be "Type 1 - Small Calendar", "Type 2 - Large Calendar", or "Type 3 - Reservation Calendar", as explained previously.
    • Page count: amount of months that you wish to show simultaneously in your calendar.
    • Language: Calendar language. At this time, the following languages are available: English, Spanish, French, Italian, German, Japanese, Portuguese and Dutch.
    • User: Name of the user who will access the calendar's admin.
    • Password: Password to access the calendar's admin.

  3. When you click on OK, the calendar will be inserted in your page, and all the relative files pertaining to the calendar's admin will be automatically created.
  4. Set writing permissions to the folder "TDE_AppCalendar/admin/database" where the data will be saved to. You can consult our FAQ if you are not sure how to proceed.
  5. You can now access the Admin System of the calendar at the following address: http://your-web-server/TDE_AppCalendar/admin

Development Notes

The address from which you can manage your calendar is:


or, if the calendar is not at the root of your website:


Keep in mind that you have to set writing permission for the folder "TDE_AppCalendar/admin/database" and to the files inside it. To know more details about how to set writing permission please read this entry in our FAQ.

Managing the calendar:

Defining working days: Please mark the days that are available to add appointments, activities etc, as shown on this image:

Defining working days

These days will be shown in the calendar as stricken through.

Defining appointment times: To define the time of appointments or activities, go to the day of the needed week (Monday, Tuesday...), where you will have the option to add each time independently (ex. Add Time at 8.00), or if you wish, you can generate, in one step, multiple appointment times for each interval (ex. add starting at 8 AM, every 30 minutes, 5 times; this will generate the sequence: 8.00, 8.30, 9.00, 9.30, 10.00). The following image shows both options:

Defining appointment times

To delete times, mark them and use the button "Delete marked times"

Adding restricted dates: Special days where no appointments or activities will be held, can be entered individually through this opton. Simply click on them to make them as "restricted" and if you wish to "un-restrict" them, simply click on them again. The following image shows the interface for these actions:

Adding restricted dates

Adding information to the calendar: After defining the working days and the schedules you can use the calendar that appears in the upper part to add information on the activities that occupy the established times. For that, click on the desired day and the list of pre-defined times will be shown. Click on one of the times and a window will appear where you can enter the title of the activity / appointment and a description, as shown in the following image:

Adding information to the calendar

As you can see, all the work is realized on a single page, which is highly interactive, done in real time with comfortable effects based on modern dynamic scripts.

Changing the visual presentation:

If you wish to modify colours, fonts, size and other calendar styles you can do it by editing Cascading Style Sheets files (.CSS) that define these parameters. These files can be found in these locations:

  • For the main styles: TDE_AppCalendar/TDEAppCalendar.css
  • For general styles: TDE_AppCalendar/calendar.css

We recommend that you make a backup copy before modifying these visual styles.

Download Appointment Calendar

Preferred payment & download method:

Paypal or Credit Cards:
USD $29.99
After payment you will be redirected to a direct-download page and the download link will be emailed to the payment address.