Date Picker/Calendar Icon not working when live

Gravity Support Forums » Plugin Support » Gravity Forms

Joe
Member

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

Posted 14 years ago on Thursday April 22, 2010 | Permalink
alexisdelamare
Member

I have the same problem, and so far could not find the solution. I only noted that in the source, the image tag that is supposed to be here, with the icon, isn't.

Posted 13 years ago on Monday May 3, 2010 | Permalink
Kevin Flahaut
Administrator

@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 13 years ago on Monday May 3, 2010 | Permalink
mkrapf
Member

Same problem. Calendar icon not working

Posted 13 years ago on Thursday May 6, 2010 | Permalink
Kevin Flahaut
Administrator

@mkrapf link to form please.

Posted 13 years ago on Thursday May 6, 2010 | Permalink
Joe
Member

Sorry, I didn't check back on this one until now.

The solution was to make sure the header file has :
<?php wp_head(); ?>

and the footer file includes:
<?php wp_footer(); ?>

Posted 13 years ago on Friday May 7, 2010 | Permalink
mkrapf
Member

Still not working,

Here is the link to my form...

http://www.miamitownshipfire-ems.com/business-update-form/

Posted 13 years ago on Wednesday May 19, 2010 | Permalink
Kevin Flahaut
Administrator

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.

screenshot

When I removed the first script reference, everything worked okay.

test screenshot

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 13 years ago on Wednesday May 19, 2010 | Permalink
Justin Walmsley
Member

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=true

Posted 13 years ago on Thursday May 20, 2010 | Permalink
Kevin Flahaut
Administrator

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 13 years ago on Thursday May 20, 2010 | Permalink
Justin Walmsley
Member

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 13 years ago on Thursday May 20, 2010 | Permalink
Kevin Flahaut
Administrator

Thanks for the update and the kind words. Glad that worked for you!

Posted 13 years ago on Thursday May 20, 2010 | Permalink

This topic has been resolved and has been closed to new replies.