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

  1. borndigital
    Member

    Hi,

    Loving Gravity forms so far - having a problem with the datepicker not being visible on the site but visible in the admin. I found the identically titled post from a year ago and deactivated the jquery UI stuff as suggested but the date picker still didn't show - i'd appreciate any ideas on how to fix this!

    Cheers,

    Steve

    Posted 7 years ago on Thursday September 15, 2011 | Permalink
  2. Hey Steve,

    Have a form URL we can look at. Without seeing the form there's not much we can tell you. We need to inspect the page markup, scripts, CSS, etc. to see what's going on.

    Posted 7 years ago on Thursday September 15, 2011 | Permalink
  3. borndigital
    Member

    Hi Kevin,

    So sorry - am half asleep today!

    http://www.websiteg.com.php5-19.dfw1-2.websitetestlink.com/contact

    Steve

    Posted 7 years ago on Thursday September 15, 2011 | Permalink
  4. Your site appears to be missing the necessary Gravity Forms Javascript for this functionality to work. In fact, it doesn't appear any of the Gravity Forms CSS is being output either. I'm not sure how you have styled your forms with the Gravity Forms CSS not being output.

    The first thing do is check to make sure your header.php has the necessary wp_head() function call in place and your footer.php has the necessary wp_footer() function call in place. These are standard WordPress functions that should be present in all themes. You can read more about them here:

    http://codex.wordpress.org/Function_Reference/wp_head

    http://codex.wordpress.org/Function_Reference/wp_footer

    I also noticed your page has a Javascript error on it. See this screenshot: http://i.imgur.com/nrQB7.png

    This is due to the fact code in your theme or possibly a plugin is outputting broken Javascript that looks like this:

    <script type="text/javascript">
            var gallery = '';
            var NumImages = ;
            var ResourceURL = 'http://www.websiteg.com.php5-19.dfw1-2.websitetestlink.com/wp-content/themes/billingham';
        </script>

    You'll notice that var NumImage = ; is incorrect. It should be var NumImage = ''; like gallery above it.

    Posted 7 years ago on Thursday September 15, 2011 | Permalink