Back to Top
The nuts and bolts for
Creative web development

DMXzone Calendar 2

“Keep your site up to date with an amazing calendar”

The completely rewritten DMXzone Calendar 2 is the best Dreamweaver solution when you need a date picker. It can be easily added to any website and is fully customizable with all international and custom date formats so it can serve your users from varying locals. Simply pick a date that your week will start with, show the calendar on focus, icon click or both, or add up to 16 months in a table-like calendar.

The extension is supplied with 24 designer skins to match your site design and speaks 35 different languages. You can choose between many options for the calendar appearance, navigation and even add amazing animation effects when the date picker opens/closes. Need an alternative field for storing your date with different format in a database? We have it too, along with the ability to add beginning and end dates, limit the number of selectable dates and control the range of years displayed.

With the conditional date formatting, specify as many dates and/or date ranges and style them to indicate which are available, busy or have special meanings. The DMXzone Calendar 2 supports dynamic dates and server formats and has built-in server formats for easy data conversion in ASP and PHP. The Behavior Connector lets the DMXzone Calendar 2 to control other extensions including the Ajax Event Calendar, DMXzone Lightbox, Advanced HTML Editor 3 and more.


Overview

Features Highlights:

  • New extended functionality - The DMXzone Calendar 2 has been rewritten from the ground up.
  • 24 designs - There are 24 different designs to choose from so the calendar fits your website design. You can also create your own custom design by editing the CSS.
  • All international and custom date formats - Visitors from varying locals respond to different date formats so we added all to use the best one for your website.
  • Custom appearance - You can customize the way your calendar will be navigated and what drop-downs will be available for your users.
  • Conditional Date Formatting - You can specify as many dates and/or date ranges and style them with a specific CSS style, and also make them selectable or not. This way you can for example indicate which dates on your calendar are available, busy or have other special meanings.
  • Full support for dynamic dates and server formats
  • Dynamic Conditional formatting of dates - Choose from a recordset your date field and a conditional statement for the class to be assigned or not.
  • Inline calendar - Rich inline calendar within Dreamweaver for easy date pickup
  • Full support for DMXzone Behavior Connector  - When the user selects a date from the calendar for example a custom action behavior is trigger or other extensions are controlled (DMXzone LightboxAdvanced HTML Editor 3, Ajax Event Calendar and other). 

Features

  • New extended functionality - The DMXzone Calendar 2 has been rewritten from the ground up.

  • 35 supported languages - You can choose between 35 different languages for the calendar interface.

  • 24 designs - There are 24 different designs to choose from so the calendar fits your website design. You can also create your own custom design by editing the CSS. 
 
 
 
 
 
 
 
  • Style picker in GUI and the property inspector - Now you can see a preview of the design directly in Dreamweaver.

     
  • All international and custom date formats - Visitors from varying locals respond to different date formats so we added all to use the best one for your website.

  • Multiple months as a table - You can add up to 16 months in a 4x4 table.

  • Animation effects - Add awesome animation effects to your calendar when opens or closes.

  • Calendar appearance - Set the calendar to open on focus, on icon click, or both.

  • Custom appearance - You can customize the way your calendar will be navigated and what drop-downs will be available for your users.



  • Selectable dates - When checked it limits the number of selectable dates to the given date range.

  • Displayed year range - Control the range of years displayed in the year drop-down.

  • Alternative fields - Set initial date that will be selected when the calendar is displayed. You can use it to present a human-friendly date for user selection, while passing a more computer-friendly date through for further processing.
  • Restrict date range - Limit the range of selectable dates in the calendar by setting a beginning and end dates.

  • Conditional Date Formatting - You can specify as many dates and/or date ranges and style them with a specific CSS style, and also make them selectable or not. This way you can for example indicate which dates on your calendar are available, busy or have other special meanings.


  • Full support for dynamic dates and server formats

  • Built-in Server Formats for easy data conversion in ASP and PHP


  • Dynamic Conditional formatting of dates - Choose from a recordset your date field and a conditional statement for the class to be assigned or not.

  • Great Dreamweaver integration - Interactive dialog in Dreamweaver with all the options you'll need.
 
 
 
  • Inline calendar - Rich inline calendar within Dreamweaver for easy date pickup
 
  • An inline property inspector - The property inspector enables you to change several options after you’ve created the calendar.
 
  • Fully controllable by behavior - Full control of the calendar with the Control DMXzone Calendar 2 behavior

Showcases


  • Tasks Management System

    For this interactive task management system we used a few DMXzone extensions in order to allow you to add tasks, assign them to different users, set priority levels and due dates. You can edit any of ...

  • Event Manager App Showcase

    For this showcase we build a dynamic event manager application with the HTML5 Data Bindings, where you can edit the date and time of an event with a click of a button. In order to do that we used ...

  • Car Care Services Showcase

    For this showcase we designed online schedule where you can add the date of the entry and due date with DMXzone Calendar 2, also choose between the different car models and available services and ...

  • Summer Guest Estate Showcase

    For this showcase we used DMXzone Metro UI Theme Pack in order to style the DMXzone Calendar 2 and DMXzone Tabs.

  • Veterinary Hospital Showcase

    For this showcase we used DMXzone Calendar 2 for the date picker and DMXzone Timepicker for the hour of appointment.

  • Rant-a-car Search Showcase

    For this showcase we used the DMXzone Calendar 2 for the date picker. We also used one of the predefined designs packed in the extension but you can always customize your own.

  • Appointment Form Notification Showcase

    For this showcase we used a few DMXzone extensions in order to design an appointment form with awesome notification upon submission. For the form we used the DMXzone Ajax Form which is connected to ...

  • Metro UI Hotel Website Showcase

    For this showcase we used the Metro UI Design Template's home page, which features the DMXzone Supersized for the sliding background images, the DMXzone Calendar 2 for the reservation form and the ...

  • Online Flowershop Showcase

    For this flower delivery service we used the HTML5 3D Flipping Gallery to present the images of the different bouquets that flip on click with some additional information on the back. The date and ...

  • Music Lessons Showcase

    For this landing page showcase we used the DMXzone Accordion in order to save space for our content and the DMXzone Calendar 2 with a Timepicker for the lessons reservation.

  • Luxury Travel Showcase

    In this showcase we used four awesome DMXzone extension to create a beautiful landing page for reservations. The page navigation is created with the Universal CSS Navigation Menu, the sliding ...

  • Reservation Form Admin Panel Showcase

    For this showcase we gather 3 different Dreamweaver extensions. For the date and time pickup we used DMXzone Calendar 2 where we set dependent dates (pickup and return calendars) that can be chosen ...

  • Japanese Restaurant Showcase

    In this reservation form we added two fields for time & date pickup which are greatly validated.

  • Hairdresser Salon Showcase

    In this showcase you can see how we used DMXzone Timepicker as a standalone extension along with DMXzone Calendar 2 in a form with two fields.

  • Dentist Appointment Showcase

    For this showcase we combined DMXzone Calendar 2 with DMXzone Timepicker, which is working as an Add-on. We set the time range to be selectable in 15 min steps and also by the hour.

  • Online Reservation System Showcase

    This showcase is created with the Event Calendar Super Bundle PHP, which is also available in ASP, and will show you how to create a fantastic online reservation system for your business.

  • Company Events Calendar Showcase

    In this showcase you can see how the Ajax Event Calendar uses Advanced Tooltips to deliver more info onClick for the upcoming events. Also it's binded to the DMXzone Calendar 2, which is used as a ...

  • DMXzone Calendar 2 & Ajax Event Calendar Showcase

    In this showcase you can see how easily you can bind the DMXzone Calendar 2 and Ajax Event Calendar through the Behavior Connector. Simply click on a date in the DMXzone Calendar 2, that is colored ...

  • Holiday Reservation System

    In this showcase website you can see how we implemented our DMXzone Calendar 2 into a reservation system for a hotel/villa. We added non selectable for pick up date with a CSS class that colors ...

  • Beach House Reservation demo

    In this showcase you can see that the DMXzone Calendar 2 can be also used inline.

  • DMXzone Calendar 2 Showcase

    In this showcase we show the main features of our DMXzone Calendar 2. Explore the many options that we've included into this amazing Dreamweaver extension in order to give you full control over its ...

  • Hotel Reservation Form Showcase

    In this showcase we will show you how easy it is to use DMXzone Calendar 2 on a reservation form. Simply click on the desired dates and they'll be filled in in the field automatically. The ...

  • Rent-a-Beach House Showcase

    The showcase shows you an example of how you can combine all the extensions packed in the Event Calendar Super Bundle. We've used the DMXzone Calendar to navigate quickly through the Ajax Event ...

Videos


Requirements

Type: Behavior
License: External link
Product: Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CS5.5, Dreamweaver CC
Browser: IE 7, Opera 9.5, Chrome 9+, IE 8, Safari 4+, iPad, IE 9, Safari 5+, Firefox 3.6, Firefox 4+, Chrome 10+
Used Technologies: jQuery, jQuery UI
Screen Shot: External link
Tags: jQuery, jQuery UI, calendar, date picker

The DMXzone Calendar 2 runs on Dreamweaver 8 but we do not support it officially.

History

Version 2.1.3

Version 2.1.2

  • Full Dreamweaver CC and Extension Manager CC support
  • Updated the automatic file copy and update component for better Dreamweaver CC support
  • Improved compatibility with the latest jQuery
  • Included latest jQuery 1.10.1
  • Improved Windows 8 compatibility
  • Included new Behavior Connector with restyled UI and better Mac OSX Support 

Version 2.1.1

  • Improved support for new addition styling themes, like the DMXzone Metro UI Theme Pack
  • Improved style picker dialog to pick up automatically new available styles

Version 2.1.0

  • Included updated jQuery UI to 1.10.1 - Scripts and Styles
  • Included updated jQuery to 1.8.3
  • Included 11 new languages
  • Updated jQuery UI themes
  • Minor bug fixes

Version 2.0.4

  • Improved date formatting functions for ASP and PHP
  • New extensibility with Add-ons - now with the DMXzone Timepicker
  • Improved automatic updating of the date formatting functions on page open
  • Improved calendar DW popups size
  • Small DW CS6 improvements

Version 2.0.3

  • Improved compatibility with DMXzone Tabs.
  • Improved CSS Styles
  • Added Style Picker in GUI and property inspector

Version 2.0.2

  • Fixed Dreamweaver CS5.5 installation bug

Version 2.0.1

  • Improved copy between two calendars action in the Control behavior
  • Improved working with dynamic data sources

George Petrov

George PetrovGeorge Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com, which is visited daily by more than 30.000 people and is most popular for its over high-quality Dreamweaver extensions and templates.

See All Postings From George Petrov >>

Share this Article