DMXzone Timepicker Manual

Keep your site on the clock with an amazing timepicker

Do you want to keep your website on the clock? Here comes the DMXzone Timepicker - this Dreamweaver extension allows you to add great looking and well validated time fields on you web forms and improve their usability and user experience. No matter from where your customers are you can pick up from different time formats to suits you best. In this article you will find useful information on how to use the extension.


Advanced: Add Events with Date and Time in Ajax Event Calendar

In this tutorial we will show you how to use DMXzone Timepicker as an Add-on for DMXzone Calendar 2 and create a form that adds events with date and time to Ajax Event Calendar database table.

*You can also check out the video.

How to do it

  1. We've already created a simple form with a text field that we are going to use for inserting the event title. Now we are going to add the DMXzone Calendar 2 to this form and use DMXzone Timepicker as an add-on in order to add the start and end times for the events.


  1. In the DMXzone Calendar 2 window, customize your calendar and click the Add-ons button.



  1. Check the DMXzone Timepicker check box (1) and hit the DMXzone Timepicker button (2).






  1. In the DMXzone Timepicker window, set it up and when you're done, click OK.



  1. In the DMXzone Calendar 2advanced tab (1), click Add new hidden field button (2) in order to store the date and time and click OK(3).

  1. We do the same for the Event End time.

  1. From the Data tab (1) select Insert Record (2) and the window will open.

  1.  We did a database connection and connected it to the Ajax Event Calendar table that we've already created. 

  1. Select the 'event_title' (1), choose the value that this database column will get - this should be our title text field (2).

  1. Select the 'start' column (1) and choose the value that this column should get - this is the Start Time hidden field(2) that we created using DMXzone Calendar 2.



  1. We do the same for the stop column (1 & 2).

  1. Now you can save your work and preview the result in the browser.



Lubov Cholakova

Lubov CholakovaLubov has been with DMXzone for 8 years now, contributing to the Content and Sales departments. She is bringing high quality content in the form of daily blog updates, reviews, tutorials, news, newsletters,update emails and extensions' manuals. If you have a product that needs publicity or any other questions about the entire DMXzone community, she is the one you can contact.

See All Postings From Lubov Cholakova >>

Comments

Be the first to write a comment

You must me logged in to write a comment.