Conflict between Gravity Forms and TEC Datepicker css

Home Forums Calendar Products Events Calendar PRO Conflict between Gravity Forms and TEC Datepicker css

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #990366
    Rebecca Redding
    Participant

    If a Gravity Form with a datepicker is loaded while on an Event Calendar page, there exists a breaking conflict between “tribe-events-custom-jquery-styles” and Gravity Forms ‘gforms_datepicker_css’… This causes the gravity forms datepicker to appear malformed and extend past it’s container. It could be due to the specifics of my theme, however, ideally these plugins would play nice with each other, regardless

    I was able to solve this problem by de-registering Event Calendar’s custom jquery styles which were over-riding Gravity Forms’ CSS…

     // Fix datepicker conflict by removing ECP's custom jquery-ui styles
     function remove_ecp_datepicker_style() {
    	wp_deregister_style('tribe-events-custom-jquery-styles');
    }
    add_action( 'wp_print_styles', 'remove_ecp_datepicker_style', 100 );
    #990551
    Brian
    Member

    Hi,

    Sorry for the issues here and thanks for providing a solution.

    It is something we could look to tighten up, do you have a link to a page with Gravity Forms on it so I can see how it looks now with the fix and compare it on my test install to see what is going on.

    Thanks

    #990560
    Rebecca Redding
    Participant

    I would prefer if this development link were not public and didn’t get indexed. Please edit the link out once you have retrieved it. Thanks. You can see the gravity forms datepicker by clicking the “Book Now” link in the top nav. The TEC datepicker still looks decent without the custom stylesheet IMO.

    *removed by admin (please use private replies in the future 🙂 )

    #991048
    Brian
    Member

    Hi,

    Thanks for providing the link.

    I took a look on my test site.

    In mine actually Genesis css caused more issues then the two datepicker css.

    Since both of us are using the jQuery UI css to style the datepicker. I am not sure there is much we can do, but we can look into it.

    For now the correct course would be to deregister one and use the other.

    Thanks

    #995370
    Support Droid
    Keymaster

    This topic has not been active for quite some time and will now be closed.

    If you still need assistance please simply open a new topic (linking to this one if necessary)
    and one of the team will be only too happy to help.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Conflict between Gravity Forms and TEC Datepicker css’ is closed to new replies.