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 not working with BuddyPress

  1. Hello, I created my form and tested it without BuddyPress plugin installed, and the date picker works fine. After i re-activated BuddyPress the calendar does not show. I have tried a few fixes, but i am not getting anywhere

    Here is the URL: http://www.hitchtravel.org/hitch-a-trip-2/find-buddies

    Posted 13 years ago on Wednesday July 27, 2011 | Permalink
  2. Can you post a link to your form please? Sounds like a plugin conflict, probably with jQuery.

    What versions of all the software are you using (WordPress, Gravity Forms and BuddyPress)? Thanks

    Posted 13 years ago on Wednesday July 27, 2011 | Permalink
  3. The form is on this page: http://www.hitchtravel.org/hitch-a-trip-2/find-buddies

    Using:
    Wordpress: 3.2.1
    Buddypress: 1.2.9
    Gravity Forms: 1.5.2.8

    Thanks

    Posted 13 years ago on Wednesday July 27, 2011 | Permalink
  4. Thanks for the link. Here is the jQuery error I see on the page:

    Error: f.easing[e.animatedProperties[this.prop]] is not a function
    Source File: http://www.hitchtravel.org/wp-includes/js/jquery/jquery.js?ver=1.6.1
    Line: 18

    Not sure why at this point, but that's the source of the problem. I will forward this to the developers and have someone post back to you. Thanks.

    I did see these BuddyPress topics with no resolution:
    http://bit.ly/qicTpA
    http://bit.ly/pMaYwo

    Posted 13 years ago on Wednesday July 27, 2011 | Permalink
  5. Looks like you're using an old (really old) version of BP Social from WPMU Dev? Current is 1.2.7.

    http://www.hitchtravel.org/wp-content/themes/bp-social/style.css (your version 1.1.8)

    Do you have the ability to test this with the updated version of the BP Social theme to see if the problem still exists? There are lots of jQuery changes listed in the changelog for the theme.

    http://premium.wpmudev.org/project/buddypress-social-theme

    Posted 13 years ago on Wednesday July 27, 2011 | Permalink
  6. Thanks for your help. Unfortunately I am not an Elite member of WPMU, so I can't get hold of the new theme right now. I may have to update if no resolution can be found.

    Posted 13 years ago on Thursday July 28, 2011 | Permalink
  7. I am also having a problem with date picker just noticed today - I'm not on Buddy Press, so could it be something with the upgrade of WP or my Genesis? I upgraded both yesterday and Gravity, but didn't think to check all aspects of the form then. Client just contacted me about the date pickers. Issues are at: http://www.inishbeg.com/weddings/wedding-enquiry-form/ and http://www.inishbeg.com/booking-enquiry-form/. Date picker on site with similar installation, but not upgraded has no problem with date picker.

    Posted 13 years ago on Thursday July 28, 2011 | Permalink
  8. @anndonnelly,

    I tested your form and it looks like the CSS being output by the "events manager" plugin is conflicting with the default jQuery UI CSS.

    <link rel='stylesheet' id='em-ui-css-css'  href='http://www.inishbeg.com/wp-content/plugins/events-manager/includes/css/jquery-ui-1.8.13.custom.css?ver=3.2.1' type='text/css' media='all' />

    When I disable that, the datepicker styles work properly.

    http://screencast.com/t/THVuYsn0mR6J

    Posted 13 years ago on Thursday July 28, 2011 | Permalink
  9. After playing around I found it to be line 357 of /plugins/events-manager/includes/css/jquery-ui-1.8.13.custom.css causing the issue.

    I just commented that line out and everything seems to be ok. Will know more after a few days of getting data in it.

    .ui-datepicker is the class causing the issue.

    Posted 13 years ago on Wednesday August 17, 2011 | Permalink

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