Calendar for Contact Form 7
UPDATE!!!
Please see this announcement in using CF7-Caledar with Contact Form 7 2.0
Description
This Plugin use for making a popup javascript calendar in Contact Form 7 Plugin or in any content.
How to use it ?
Please Upload it to plugins directory of your wordpress blog, then activate it. And you can use it in any content post you want or in contact form 7 design mode by adding a tag [datetimepicker inputfiledname]
Please remember to make inputfieldname unique!.
ScreenShot
Live Demo
Download
Download cf7-calendar
Changelog
1.0.3 First Realease
1.1.1 Update, and ready for widget also
Live Site
http://www.karlamanda.com/home/reservation/reservation-form
http://vermietungaufsylt.com/kontakt-und-buchung/ <<== nice modifications, great.
Tags: blog, calendar, contact form 7, content post, datetimepicker, home reservation, javascript calendar, Plugin, plugins, request calendar, widget, Wordpress, wp
This is awesome! thanks for making it. I’m about to activate it and start testing it!
I like this, do you have a way to easily add a time picker? So far I just make a drop-down for each section:
[hour]:[min] then [am/pm]
But you can see how that’s kind of a pain sometimes. Thanks anyway for the plugin. it works great so far.
Sorry for the quick fire comments, but I might have found a bug. I don’t see how to subscribe to comments, but feel free to e-mail me directly. you got my address.
It doesn’t seem to accept the [datetimepicker field] entry more than once. If I have two –unique. fields and I add datetimepicker to them, only the last one actually shows up on the form.
eg.
[datetimepicker date-event-start]
then
[datetimepicker date-event-end]
only the date-event-end shows up on the rendered form, the other one shows the bracketed syntax verbatim.
I hope this helps.
LOL you’re going to hate me, but I think I found another bug. If I make the field required then it doesn’t seem to work… by using the “*”.
[datetimepicker* unique-field] doesn’t seem to work. So this negates the other bug I reported. One of my fields had it required and one didn’t so that’s why only one showed up.
Thanks again!
@Hello Oscar
i make a test for “[datetimepicker date-event-start][datetimepicker date-event-end]” it working.
“[datetimepicker* unique-field]” still not allowed because this plugin only allow “[datetimepicker unique-field-name]” rules
Trying to work out how to implement this with Contact Form 7.
If I have [text arrivalDate] and [text departureDate], how do I add the code? And secondly would this work on wp-mu installation.
Thanks
Hello techbroker,
this is not implement yet to Contact From 7 code base, this plugin work outside Contact Form 7.
You can put [datetimepicker arrivalDate] as a replace of [text arrivalDate]
and [datetimepicker departureDate] as a replace of [text departureDate].
I am not test it on WP-Mu, but i will try it on my wp-mu intsallation in semetonbali.web.id
Thanks Harry,
I have done this but the output is [datetimepicker arrivalDate], and not a field.
What I did:
- I click on the contact form 7 link in my admin panel
- Create form by generating code
- Copy and paste generated code on left side
- replace date field with your tag
- save
- add to text widget box
- save
- view in browser
All fields show up as expected by the output with your tag is [datetimepicker arrivalDate].
Am I missing something?
Thanks
[...] Calendar for Contact Form 7 [...]
Hello techbroker,
No you do the right thing, my old version only work is content. Please update your cf7-calendar plugins. I already upgrade the version so it can handle widget.
The 1.0.3 version did not accomodate the widget, it only work for the content.
The 1.1.1 version work for content and widget
Many Thanks for the information that you have report.
Best regards
Thanks Harry,
It now shows up.
However when the form is submitted I cannot get the field details to be carried in the message.
I usually write a message to be sent to the hotel.
***************** example ******************
I would like to make a Reservation for [RoomType] arriving [datetimepicker arrivalDate] and departing [datetimepicker departureDate].
or
I would like to make a Reservation for [RoomType] arriving [arrivalDate] and departing [departureDate].
******************* example end *********************
I get the details for the roomType and other contact form tags in the email but not departure or arrival dates.
Any ideas on a work around?
Thanks once again.
Hello techbroker,
Have you already put [arrivalDate] and [depatureDate] in mail message body Contact Form 7 ?
Best Regard
Hi,
I did but I replaced it with your tag.. and it simple does not interpret it and outputs the tag in the email message.
Regards
Hello techbroker,
if you don’t mind, Can you show me the online site?
regards
Hello,
I tried your plugin, it is nice, but something is missing to switch dynamically language.
It is currently hardcoded in cf7-calendar.php, line 20:
<script type=”text/javascript” src=”/lang/calendar-en.js”>
I have just added global $lang; into FEloadls() function and replace above line with:
<script type=”text/javascript” src=”/lang/calendar-.js”>
This works, hope it can help!
[...] all i make some update my cf7 calendar. The change is in costumeable format and can be change in admin area. Please see [...]
hello Sébastien R.,
Thanks for the great changes. That inspirating me to do more iprovement in using JSCalendar feature.
I have a news that all that already done with some setting in admin area. I make some update in my Cf7-Calendar.
Many Thanks
Hi,
Great for this plugin… Is there an option to change the start week on monday?
Thankyou
And in spanish lenguage?
Hi,
I made the previous questions as any modification I make to below lines (in cf7-calendar.php) don’t seem to work:
$query = “INSERT INTO $table (blog_id, option_name, option_value)
VALUES (“.$blog_id.”,’webwoke_cf7calendar’,'calendar-en;calendar-tiger;%A, %B %e, %Y;false’) “;
I want to change %A, %B %e, %Y to %A, %e de %B de %Y but it doesn’t seem to work.. any suggestions? should I be modifying this in addition anywhere else?
Thanks!
Hello @rono
you can modify it in Dashboard. Just let that as an initial default value. and can b modify easly in Dashboard.
Does it works in 2.8?
Tahnk you
Hi Harry
Great plugin – it worked perfectly first time I installed it.
One question, is it possible to remove the “<" and "<<" buttons at the top to select dates from the past?
Thanks
Nick
@rono, absulotely work for Wordpress 2.8 too
Hello Harry,
It is me again. This project is back on my desk.
All works well except:
When the form is filled with calendar details, the email message contains the input data for all other fields by the [datetimepicker] appear in the email.
I have tried:
1. [departureDate]
2. [datetimepicker departureDate]
3. [datetimepicker]
I must be missing something. Please note that the sites are built on wp-mu.
I can send you site by email.
Tim
Hello Techborker,
Should be work using [departureDate]. Yes i will send you an email for that.
Regards
Hello,
Not joy with the tag.
I have [datetimepicker departureDate] in the form, but when the form is submitted this does not get replaced by the date from the calendar in the email I receive. Every other field is replaced by the input.
I have tried using [departureDate] in the message.
I am using wpmu, and the form is used as a widget.
Thanks for your help so far.
Got it working by not renaming and just using the text-231 from the form. Thanks.
Hi,
Thank you for plugin.
I works perfect in firefox, chrome, safari but in IE 8 calendar appears far away from the button “…”
I canot resolve this issue…
Can you give a solution o maybe… is it possible to oppen the calendar in a litle browser window?
Thank you in advance.
Harry, could you have a quick look at the error message when you click one of the calendar buttons? http://vermietungaufsylt.com/?page_id=17
Error states: wp undefined undefined … undefined
Thanks a lot, your plugin looks great! Manuel
I found the error myself, the day (sunday or monday) the week starts with was missing in the German language file “calendar-de.js”.
At line 46 or 46 (after the “short day names array” and before the “full month names array”) you should add the following (hope code in backtics is supported on this site):
`// First day of the week. “0″ means display Sunday first, “1″ means display
// Monday first, etc.
Calendar._FD = 1;`
If the code is not displayed properly here, just copy line 46 to 48 from the english language file and set it to monday.
Here is the updated & working German language file: http://rapidshare.de/files/47699736/calendar-de.js.html
Updated settings:
Week starts on monday
Java “Help” popup updated & simplified (important stuff at the top, copyright info at the bottom, copyright symbol added).
Hello,
Sorry to be a pain, but I have being trying to get this calendar to work in my form but no luck yet.
I have followed the instructions and all this posts here, but so far no joy.
This is my form: http://handy-removals.co.uk/handywp/removal-online-quote/2009/06/
Any help would much appreciated
Kind regards,
Cicero
@cicero
Please enable the js.
i’m not see the JS for the calendar in your page source. or mybe you not using wp_head(); function in your template?
try to switch first to WordPress Default theme (kubrick) an see the source, after that please see the link for css and js in wp-content/plugins/cf7-calendar folder
@Manuel Martensen
Thanks very much for your support.
@Manuel Martensen,
Spot on!
It worked now.
Thank very Much!
Regards,
Cicero
Thank you for the excellent plugin!
This works great and I am using it on many sites.
My only complaint is the one Ron had earlier, the popup is right next to the “…” button in Firefox and Safari, and other standards compliant browsers, but IE places the popup floating above the fields, sometimes not visible to the visitor unless they scroll up. How can we make sure that it is positioned correctly in IE?
hmmmn… well… it being a firefox/IE thing, I figured it was a CSS issue…
I changed the style of .calendar (located in the css file you selected within /public_html/wp-content/plugins/cf7-calendar/themes), modified it so that position is absolute rather than relative. That seems to fix the problem somewhat.
Struggling with contact form 7 because I can’t get any answers from anyone on how to use the different CSS included with the plug-in.
Assuming I do, this contact form is for a travel agent client and the idea of a pop-up calendar to show their planned travel dates is excellent! Can anyone help me out here with some basic instructions?
Thank you.
Hi i’m having a problem similar to Techbroker above where I have placed [datetimepicker date] in the form and [date] in the email. But when the email gets recieved i just the “[date]” field in the body whereas all the other fields have changed like you would assume. I jsut added an update of contact form 7, and also update of wordpress 2.8.2 . i’m pretty sure this was working previous to this update, my last test of this was about 2 months ago and only jsut came back to it today. Any ideas thanks, i’m using 2.02 with standard wordpress 2.8.2
At first i thought this was a great solution but i can’t get this thing to work.
I placed:
Verblijf van *
[datetimepicker datumvan]
Verblijf tot *
[datetimepicker datumtot]
in the form
and:
van [datumvan] tot [datumtot]
in the message
But my email says:
van [datumvan] tot [datumtot]
I’m using
2.7.1
Please help
@Nirok and @Erik
Please see http://webwoke.com/wp-plugins/cf7-calendar-2-0-3.html
Thanks
the calender is working great now.
but now i have the same position problem as Thomas King has.
in explorer the calender floats somewhat at the top of the page instead of on top of the button
I should have tested this before, but you’ve got the same problem with positioning the calender in explorer.
This is a good plugin but when this isn’t resolved in IE it’s useless
Hi i’m having a problem identical to Nirok and Erik …. I did the latest update does not work and more …. shame because I had lost a lot of time to do it go with all the things asked. I have placed
[cf7cal date] in the form and [date] in the email.
I jsut added an update of contact form 7, and also update of wordpress 2.8.2 . i’m pretty sure this was working previous to this update, my last test of this was about 2 day ago and only jsut came back to it today. Any ideas thanks, i’m using 2.02 with standard wordpress 2.8.2
i´m probably stupid,.. can somebody show me right “setup” form fields for my CF7 calendar ? pls
– in form:
Datum P?íjezdu *[datetimepicker datumprijezd]
Datum Odjezdu *[datetimepicker datumodjezd]
- in meessage: [datumprijezd] and [datumodjezd]
in mail: [datumprijezd] ,….
Hi,
I am already email you about the setup procedure.
Regards
many thanks,… its easy, if you can,….
hmmn… new version is broken… is there any way to get a copy of the old version that works?
the latest update broke my calendars, much like everyone else above. It does not put the data into the email, simply echos [date1] or [date2]
I have installed CF7-Calendar 2.0.3 in
/wp-content/plugins/cf7-calendar/
In CF7 (2.0.1) I have added:
[datetimepicker arrivalDate]
and in the message body:
[arrivalDate]
The Mail received only contains “[arrivalDate]” (not the values just [arrivalDate] including the square brackets.
What is wrong?
I am having problems trying to make a field required in my contact form, from reading the instructions and trying to use [cf7cal* inputname] it still doesn’t work.
Has anyone any ideas as to why ??
eg. [cf7cal* booking-date-party-invites]