I've created a form that uses the date picker and calendar icon and, in the preview, it works fine, but when it is selected to go onto a live page, it doesn't show up.
This is where it can be found:
http://new.inhampshire.net/add-new-event
PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.
Date Picker/Calendar Icon not working when live
-
@BAWTA, did you get your problem resolved? I'm seeing the shortcode displayed on the front end. Have you disabled or uninstalled Gravity Forms on this site?
@alexisdelamare, can you post a link to your form so we can check it out?
Posted 14 years ago on Monday May 3, 2010 | Permalink -
@mkrapf link to form please.
Posted 14 years ago on Thursday May 6, 2010 | Permalink -
Still not working,
Here is the link to my form...
Posted 14 years ago on Wednesday May 19, 2010 | Permalink -
To begin, I saw the icon okay. I checked and all the paths were right so I assumed it must be a script conflict.
I was right, on line 148 of your page markup, I see it's loading a version of the jQuery UI library that's causing the conflict with the jQuery UI script that Gravity Forms loads automatically.
When I removed the first script reference, everything worked okay.
I'm not sure if your theme uses this script on other pages and if so, you may have to create a new page template file without the script call to use for pages with forms on them.
Also, I noticed your icon was inheriting image properties from your theme so if you want, you can append this to your custom styles and it should reset everything.
.ginput_container img {border:none; padding:0; background:none;}Posted 14 years ago on Wednesday May 19, 2010 | Permalink -
I've had the same problem, date picker isn't showing, in my case the icon isn't displaying either.
I've looked through my theme and can see that it is calling in several other J Query scripts but am unsure of the one to remove. To be honest i'm a bit reluctant to!
Any help would be appreciated:
http://www.aspect-webdesign.com/?page_id=287&preview=truePosted 14 years ago on Thursday May 20, 2010 | Permalink -
The problems is that the ui.datepicker.js and datepicker.js files needed aren't being loaded into your page footer.
When I loaded them manually in my local test, everything worked properly.
http://grab.by/grabs/44035b380a7eb102bad4a937c6a0e0ca.png
Can you verify that your theme uses the wp_footer() function in the footer.php file? That's required for the scripts to be loaded properly.
Posted 14 years ago on Thursday May 20, 2010 | Permalink -
Wow, speedy response! Thanks
Just added the code in and all works now. I should've re-read the other posts!
Thanks, all working, you guys, and gravity forms are awesome!
Posted 14 years ago on Thursday May 20, 2010 | Permalink -
Thanks for the update and the kind words. Glad that worked for you!
Posted 14 years ago on Thursday May 20, 2010 | Permalink
This topic has been resolved and has been closed to new replies.