https://legacy.forums.gravityhelp.com/topic/datepicker-jquery-ui-conflict-with-mailchimp-list-subscribe-form Gravity Support Forums Topic: Datepicker JQuery UI conflict with MailChimp List Subscribe Form en-US Sat, 04 Apr 2026 14:20:23 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/datepicker-jquery-ui-conflict-with-mailchimp-list-subscribe-form#post-49365 Mon, 13 Feb 2012 20:29:46 +0000 Carl Hancock 49365@https://legacy.forums.gravityhelp.com/ <p>That would do it, the display:none is going to hide the content that appears. You may want to contact Crowd Favorite. I'll drop them an email about this as well. </p> https://legacy.forums.gravityhelp.com/topic/datepicker-jquery-ui-conflict-with-mailchimp-list-subscribe-form#post-49363 Mon, 13 Feb 2012 20:10:12 +0000 jb510 49363@https://legacy.forums.gravityhelp.com/ <p>Thanks. Bizarre, never would have guessed that could be the cause. </p> <p>Line 299 in Flick.css set .ui-datepicker to display:none, without that GF still works fine. </p> https://legacy.forums.gravityhelp.com/topic/datepicker-jquery-ui-conflict-with-mailchimp-list-subscribe-form#post-49354 Mon, 13 Feb 2012 19:32:48 +0000 Carl Hancock 49354@https://legacy.forums.gravityhelp.com/ <p>This isn't actually a javascript issue or conflict and the date pickers aren't actually broken. This is actually a CSS styling issue.</p> <p>The datepicker functionality is working just fine, however the datepicker interface itself isn't styled correctly. See this screenshot:</p> <p><a href="http://dl.dropbox.com/u/185347/Slingshot/Pictures/Screen%20Shot%202012-02-13%20at%206.28.00%20PM.png" rel="nofollow">http://dl.dropbox.com/u/185347/Slingshot/Pictures/Screen%20Shot%202012-02-13%20at%206.28.00%20PM.png</a></p> <p>This is being caused by CSS being applied by the MailChimp plugin which is outputting it's own CSS which is located here:</p> <p><a href="http://jb510.com/wp-scratch/wp-content/plugins/mailchimp//css/flick/flick.css?ver=3.3.1" rel="nofollow">http://jb510.com/wp-scratch/wp-content/plugins/mailchimp//css/flick/flick.css?ver=3.3.1</a></p> <p>When I do a test and I remove the MailChimp plugin CSS from being output on your page using a live code editor, the datepicker on both forms looks correct. See this screenshot:</p> <p><a href="http://dl.dropbox.com/u/185347/Slingshot/Pictures/Screen%20Shot%202012-02-13%20at%206.29.58%20PM.png" rel="nofollow">http://dl.dropbox.com/u/185347/Slingshot/Pictures/Screen%20Shot%202012-02-13%20at%206.29.58%20PM.png</a></p> <p>Functionality wise it's working correctly. The styling isn't correct due to styles being applied by the MailChimp plugin. </p> https://legacy.forums.gravityhelp.com/topic/datepicker-jquery-ui-conflict-with-mailchimp-list-subscribe-form#post-49342 Mon, 13 Feb 2012 19:03:22 +0000 jb510 49342@https://legacy.forums.gravityhelp.com/ <p>Created a test/example... <a href="http://jb510.com/wp-scratch/" rel="nofollow">http://jb510.com/wp-scratch/</a></p> <p>Both date pickers are broken. The GF one in the body and the MC one in the sidebar. </p> https://legacy.forums.gravityhelp.com/topic/datepicker-jquery-ui-conflict-with-mailchimp-list-subscribe-form#post-49335 Mon, 13 Feb 2012 18:49:20 +0000 jb510 49335@https://legacy.forums.gravityhelp.com/ <p>I've worked around it by creating a GF based MC signup form so I can't easily show you a page exhbiiting the problem. When it was causing the error, datapicker.js was getting loaded multiple times.</p> <p>To recreate it install GF, install MailChimp List Subscribe Form, enable date picker in both... I'll see if I can set it up on on of my scratch sites.</p> <p>I don't at all question that you guys and crowd favorite (who wrote MC List Subscribe) know infinitly more about plugins and JS than I do... just looking for the conflict I noticed some places GF didn't look like it was enqueing (export.php and form_display.php). I didn't trace it far enough to know that was the problem or not... just text searching for datepicker.js, so I don't know. </p> https://legacy.forums.gravityhelp.com/topic/datepicker-jquery-ui-conflict-with-mailchimp-list-subscribe-form#post-49331 Mon, 13 Feb 2012 18:41:42 +0000 Carl Hancock 49331@https://legacy.forums.gravityhelp.com/ <p>Gravity Forms does use the WordPress enqueue function to output the datepicker.js script when displaying a form. Here is a screenshot of the specific code that handles this in the form_display.php file:</p> <p><a href="http://dl.dropbox.com/u/185347/Slingshot/Pictures/Screen%20Shot%202012-02-13%20at%205.39.44%20PM.png" rel="nofollow">http://dl.dropbox.com/u/185347/Slingshot/Pictures/Screen%20Shot%202012-02-13%20at%205.39.44%20PM.png</a></p> <p>We aren't aware of any issues. If you provide more details as to what exactly the issue is, what it causes, and provide a link to a page that is experiencing this issue so we can inspect the markup and view the error we can look into it. </p> https://legacy.forums.gravityhelp.com/topic/datepicker-jquery-ui-conflict-with-mailchimp-list-subscribe-form#post-49305 Mon, 13 Feb 2012 17:05:22 +0000 jb510 49305@https://legacy.forums.gravityhelp.com/ <p>I found a conflict with MailChimp's official plugin: <a href="http://wordpress.org/extend/plugins/mailchimp/" rel="nofollow">http://wordpress.org/extend/plugins/mailchimp/</a> when it was set to include the JQ Datepicker UI.</p> <p>Originally I thought it was the MailChimp plugins fault, but it looks like they're enqueuing datapicker.js and whereas in GF's form_display.php and export.php files it doesn't look like it's getting enqueued. I'm obviously not a php/js expert so I'm not saying anything for certain. Just hoping you can look a at.</p> <p>(yes I could build the signup form in GF, but that's not the point...) </p>