Back to Top
The nuts and bolts for
Creative web development

DMXzone Calendar

“Add a great looking calendar with many different styles and effects on your sites. ”

The DMXzone Calendar extension enables you to add a great looking calendar with many different styles and effects on your sites.  Enrich any form used for events, appointments or birthdays. Use it as a date picker or inline calendar with its unique design and in flight animation options. Embed multiple calendars, select date ranges, and limit the selection to specific dates.

No matter where on the planet you are, the calendar speaks your language - supports 35 languages.

This product is Discontinued! Please, get DMXzone Calendar 2.

Overview

Features highlights:

  • Copy date from Calendar- Now you can automatically copy the selected date or range from the calendar to any other input field! Very useful if you have vacation reservation forms, for example!
  • Copy date to Calendar - Also the other way around is possible; you can load your reservation form and then populate your calendar with values from other fields.
  • Show modal Calendar dialog - A complete new way of displaying your calendar in a lightbox! Get your modal calendar up and running with a click!
  • Prompt option in Live Editor - Add a nice title to your calendar
  • Initial date in the calendar - now updates the value of the text field in the popup Calendar
  • New major version and design of Behavior Connector - Now you can interconnect your DMXzone extensions easily and quickly to let them work for you!
  • Improved date formatting selection - now you can choose the date format to be used in a much more user friendly way! Just see the date mask and sample date!

*For complete Features overview press the Features in Detail button

New Videos

Filter the Ajax DataGrid by a date from the DMXzone Calendar
In this video we will show you how easily you can filter the contents of your Ajax DataGrid by date from the DMXzone Calendar.


Setting the Date Range Selection of the DMXzone Calendar
In this video we will show you how to set the start and end dates of a date range selection from the DMXzone Calendar, allowing you to easily populate date fields for vacations, event durations, and etc.


Hotel Reservation Demo


Wacken Demo

Click(on a non-blurred date) to see the Events for each day of the festival.

Live Calendar Demo

Check out the live calendar builder showing your all the options of the calandar in a direct preview *online*!

 

Features

Features in Detail

  • Create a calendar for any purpose
    • Calendar as a popup: Connected to and controlled by a text field and button/icon.
    • Inline Calendar: As mandatory part of your page.


  • Choose your calendar's skin
    Choose from the 3 available skins.




  • Animation effects for your calendar
    • Choose an animation effect for when your calendar opens/closes and set its animation direction.
    • Customize the duration of the animation effect from predefined presets or by manual input.
    • Set the easing effect to control the animation speed.
       

  • Displays your dates in a variety of ways
    • Select up to 16 months to show at a time.
    • Choose how to order them by rows and columns.




  • Choose your language
    No matter on what planet you are, the calendar speaks your language - supports 35 languages.
  • Customize the appearance of your calendar
    • Show or hide the status bar.
    • Display the close and clear buttons at the bottom.
    • Make the input dates mandatory by removing the "clear" button.
    • Highlight a hovered week.
    • Show days from other months.


  • Advanced Calendar Capabilities
    • Use shadow to create a 3D effect and customize the calendars appearance. Set the shadow distance, opacity, and blur.


    • Display your calendar inline as a mandatory part of your page without animation effects.
    • Select a range of dates and highlight them
  • Advanced Dreamweaver Integration

    o       Full Dreamweaver integration and preview.
  • Accessible property inspector for easy editing
    The property inspector enables you to change several options directly.
  • Live Preview directly in the extension dialogue

Showcases

Activity Calendar Demo

Forget Not Calendar Demo

The demo shows you how to combine DMXzone Calendar and Advanced Tooltips in order to create an online reminder for all your important events.

 

Hotel Reservation Demo

DMXzone Calendar Demo

Wacken Demo

Click(on a non-blurred date) to see the Events for each day of the festival.


Demo Datagrid Calendar Bundle

Live Calendar Demo

Check out the live calendar builder showing your all the options of the calandar in a direct preview *online*!

calendar Demo

 

Calendar Demo

Calendar New Feat

Demo; Create An Online Calendar In A Visual Inteface

Use the great looking DMXzone Calendar together with Advanced Tooltips and Advanced HTML Editor 2 to create a powerful calendar applications. Add and edit events, appointments or birthdays in userfriendly inline popup window! Check out the cool demo!

Calendar Demo

Editable Table Demo

This demo shows an editable table where you can add contacts, setting their information, delete contacts, and export your data in 4 different formats. The demo is created with Universal Data Exporter PHP with the assistance of Advanced Tooltips, DMXzone Calendar, and Advanced HTML Editor 2.

Ude Calendar Demo 
  • DMXzone Calendar Showcase

    We packed a stunning demo, where you can explore the features in the DMXzone Calendar and which will show you how to present your important events to your users.

  • Hotel Template

    The design is created with some of the finest DMXzone extension: HTML5 Slideshow, Universal CSS Navigation Menu, Sliding Panels, DMXzone Calendar and HTML5 Image Enhancer. You can download this ...

  • Forget Not Calendar Showcase

    The showcase shows you how to combine DMXzone Calendar and Advanced Tooltips in order to create an online reminder for all your important events.

  • Wacken 2009 Lineup Showcase

    Click(on a non-blurred date) to see the Events for each day of the festival.

  • 20th Anniversary Wacken

    Click on a non-blurred date in the Calendar in order to see the events for each day of the festival. For band info click on the row.

Videos

Videos

Copy date to Calendar with the Modal DMXzone Calendar
In this video we will show you how you can use the Modal DMXzone Calendar to restrict your users from selecting anything else until a date is selected and how to use the Copy Date To Calendar tag behavior.

 

Copy date from Calendar with the DMXzone Calendar
In this video we will show you how easy it is to prase a selected date from DMXzone Calendar to an input field.

 

Building an Event Web Application with the DMXzone Calendar Part 1
The first video of the series shows how easy it is to use DMXzone Calendar to build a powerful event web application for tracking your events.

 

Building an Event Web Application with the DMXzone Calendar Part 2
The second video of the series how easy it is to use Advanced HTML Editor 2 to edit the information of the added event in DMXzone Calendar.

 

Building an Event Web Application with the DMXzone Calendar Part 3
The last video of the series shows how easy it is to use DMXzone Advanced Tooltips to present the events' data that you have inserted and edited into a database in the last two movies.

Working with the Inline Calendar
With this movie we will show you how easy it is to save a selected date from DMXzone Calendar in a HiddenField.

 


Requirements

Type: Behavior
License: External link
Product: Dreamweaver 8, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6
Browser: Safari 2.0, Firefox 3.6+, Opera 9.5, Safari 3, Chrome 9+, Safari 4+


History

Version 1.0.6

  • New automatic dependent file updater
  • Included new jQuery 1.4.4
  • Improved depended file includes
  • Improvements with the behavior connector events
  • Improved working in Dreamweaver templates

Version 1.0.5

  • Great optimizations and code rewrite resulting in smaller file size and speed improvements.
  • Compatible now with pages using other frameworks like Mootools and Prototype.
  • Compatible with the new Ajax Event Calendar.
  • Latest DMXzone Behavior Connector included.

Version 1.0.4

  • New DMXzone Behavior Connector
  • Now, after showing a modal calendar dialog the focus is returned to the calling field
  • New jQuery 1.3.2 included

Version 1.0.3

  • Improved Dreamweaver Mac Support
  • Minor date format fixes

 

Version 1.0.2

  • Copy date from Calendar - Now you can automatically copy the selected date or range from the calendar to any other input field! Very useful if you have vacation reservation forms, for example!
  • Copy date to Calendar - Also the other way around is possible; you can load your reservation form and then populate your calendar with values from other fields.
  • Show modal Calendar dialog - A complete new way of displaying your calendar in a lightbox! Get your modal calendar up and running with a click!
  • Prompt option in Live Editor - Add a nice title to your calendar
  • Initial date in the calendar - now updates the value of the text field in the popup Calendar
  • New major version and design of Behavior Connector - Now you can interconnect your DMX zone extensions easily and quickly to let them work for you!
  • Improved date formatting selection - now you can choose the date format to be used in a much more user friendly way! Just see the date mask and sample date!

Version 1.0.1

  • Improved Mac compatibility
  • Minor bug fixes

 

Update Procedure

  1. Change anything from the property inspector and the new files will be copied automatically
  2. You will get an alert about this so you can upload them as well to your live site

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