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.

Calendar icon / date picker not working

  1. Phoenix Design
    Member

    I have a form located at http://agingoptions.com/life-care-planning-2/ and in the backend i have date picker as the input method and calendar icon checked and the icon is not showing up and the date picker isn't working at all. Any idea what could be causing this? The rest of the form works flawlessly.

    Thanks,

    Rex

    Posted 14 years ago on Thursday December 17, 2009 | Permalink
  2. I noticed the necessary javascript is not being output in your source code which means you do not have a standard WordPress function call in the footer.php file of your theme.

    The function is wp_footer() and this needs to go in your footer.php file.

    You can read more on the wp_footer() function and where exactly you should put it in your footer.php file here:

    http://codex.wordpress.org/Theme_Development#Plugin_API_Hooks

    This function call allows plugins to insert code into the footer of your site, which is where Gravity Forms outputs the necessary javascript for the date picker AND conditional logic to work.

    Let me know if that does the trick.

    Posted 14 years ago on Thursday December 17, 2009 | Permalink
  3. Steaprok
    Member

    Date Picker Calendar is not showing up for me either on my website. http://budgetautoshipping.com.customers.tigertech.net

    Please this is very important, one of the main reasons I made the switch to try GForms.

    If this issue gets resolved I will be using GForms on all my clients websites, I would purchase the developers license of course.

    Posted 13 years ago on Wednesday April 28, 2010 | Permalink
  4. @Steaprok - The date picker requires a script (datepicker.js) to be loaded to work. This is normally loaded automatically when you use the shortcode to embed the form in a page or post. When you use the form in a sidebar or embed it manually into a page template, you have to enqueue the necessary scripts and CSS to make sure everything works properly.

    You'll find the necessary information on the bottom of the documentation page listed below.

    http://www.gravityhelp.com/documentation/embedding-a-form/

    You'll also need to make sure you have the correct function calls in your header/footer - wp_head() and wp_footer() as Carl mentioned above so the scripts get included in the page.

    Posted 13 years ago on Wednesday April 28, 2010 | Permalink
  5. I have the wp_footer() in my footer and it still does not work, and I am using the shortcode to insert it into a page. Any suggestions?

    Posted 12 years ago on Friday November 11, 2011 | Permalink
  6. @wahhadesign You would have to provide us with a link to the page containing the form. We can't give you suggestions without being able to see the page. If the datepicker isn't working then it's a Javascript issue. It's either going to be caused by the theme not having the proper header and footer calls or it's going to be caused by a Javascript error on the page.

    Posted 12 years ago on Friday November 11, 2011 | Permalink
  7. Sorry it is : http://www.livinoutloudmag.com/events/event-submission/

    Posted 12 years ago on Friday November 11, 2011 | Permalink
  8. @wahhadesign It appears to be some sort of Javascript issue. I see you are loading jQuery from WordPress but then something else is loading a different version of jQuery UI from Google's API service. You are going to have to test for theme and plugin conflicts. Something else is causing this issue.

    You will have to follow the directions here:

    http://www.gravityhelp.com/documentation/page/Testing_for_a_Theme/Plugin_Conflict

    Posted 12 years ago on Friday November 11, 2011 | Permalink