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.

Form Layout Issues

  1. See attached link: http://me.lt/7B3An

    Unable to see date picker or calendar plus form does not look right...

    Can I have a fix please...thanks so much.

    Posted 12 years ago on Monday November 21, 2011 | Permalink
  2. Right now I don't see a form on that page you linked to. So i'm not sure what you are talking about.

    If you are having an issue it's likely going to be CSS style related. I do also see a Javascript error on that page that is unrelated to Gravity Forms that you'll want to look at. See this screenshot:

    http://dl.dropbox.com/u/185347/Slingshot/Pictures/Screen%20Shot%202011-11-21%20at%203.06.22%20PM.png

    Posted 12 years ago on Monday November 21, 2011 | Permalink
  3. I just did a new install and it still looks like the above...i tried to see if this would help...check it out now

    Posted 12 years ago on Monday November 21, 2011 | Permalink
  4. The Javascript error I mentioned above is still there. I do see your form now.

    The problem is the necessary Gravity Forms scripts and CSS are not being output on your page. That is why the form is unstyled and the datepicker isn't working properly. The necessary scripts aren't there.

    This is either going to be because of either...

    1) You have script output turned off on the Settings page of Gravity Forms or

    2) Your theme doesn't have the necessary WordPress header and footer hooks in place.

    Your theme needs to have the wp_head() function call in the header.php and the wp_footer() function call in the footer.php file. These are used by plugins to output scripts and CSS in the header and footer of your site. If they aren't there, plugins cannot do this.

    Is this a custom theme, free theme or a theme you have purchased?

    One way to tell right away if it's a theme issue is going to be to activate the default Twenty Eleven theme and then view this page.

    Posted 12 years ago on Monday November 21, 2011 | Permalink
  5. All hooks are in place and script is turned off...this is a purchased theme from themeforrest (Options)...even when I preview the form the date picker does not work and the icon does not show...is it possible I'm missing some files when installing...just a thought? The date picker does not even work in Twentyeleven...

    screenshot http://d.pr/sGca in twentyeleven

    Posted 12 years ago on Tuesday November 22, 2011 | Permalink
  6. It does sort of look like your installation is incomplete. The CSS and JS are not found, return a 404 error. They are present in the source of the page, but are not present in the correct location. You can try uploading the plugin files again to see if something was missing.

    404 errors for files we need:
    http://demo.wolverinesocceracademy.com/wp-content/plugins/gravityforms/js/datepicker.js?ver=1.6.1
    http://demo.wolverinesocceracademy.com/wp-content/plugins/gravityforms/js/jquery-ui/ui.datepicker.js?ver=1.6.1
    http://demo.wolverinesocceracademy.com/wp-content/plugins/gravityforms/css/forms.css?ver=1.6.1

    You also have some CForm 7 styles and scripts in there which can be removed if you're not using CForm 7.

    Posted 12 years ago on Tuesday November 22, 2011 | Permalink
  7. Here is my new link http://me.lt/1gNG8

    I will try again tomorrow with another install

    Posted 12 years ago on Tuesday November 22, 2011 | Permalink
  8. Did you make sure those files are present in your new installation? We just need to ensure that all the Gravity Forms styles are present after you upload them. That's step one.

    Posted 12 years ago on Tuesday November 22, 2011 | Permalink