ngmvb
Member
Running into a prob w/ the datepicker in Twenty Eleven running 3.4.1. Everything else is fine, but the picker just shows a box with the month/year dropdown hanging out of it - no date.
Not sure if this is a 3.4.1. issue, Twenty Eleven, or what. Tested on Chrome and Safari - same issue.
Saw in the forums that wp_footer() might be an issue, but that's included in my footer.
Any suggestions are appreciated.
Can you link to a page that has this form please so we can take a look?
It will be hard to troubleshoot. I do know that Gravity Forms is extensively tested with the Twenty Eleven theme. Do you have any other plugins or function customization that could have changed the JavaScript or done something to effect JQuery?
Can you try adding the following to your style.css to see if it fixes it?
[css]
.ui-datepicker-div,
.ui-datepicker-inline,
#ui-datepicker-div {
box-sizing: content-box;
}
jtredway
Member
I am experiencing the same problem with the datepicker. I've isolated the problem to a conflict with the jQuery UI CSS Framework 1.8.22. I'm using wp_enqueue_style() to include the Smoothness theme from jQuery UI. I'm also using wp_enqueue_script('jquery-ui-datepicker') to include WP's default script. I've tested my install with all other plugins enabled and disabled and then with the queued script and style enabled and disabled. The problem only manifests IFF the CSS is enabled. If you already know which CSS rules are causing the conflict, I would appreciate the heads-up.
jtredway
Member
FYI: I found all manner of other conflicts when trying to use datepicker on my site. GF's implementation didn't play nice b/c it was always overriding my code.
My solution was to queue the smoothness CSS and the WP datepicker script after GF's and then adding some custom CSS rules to override some of GF's CSS rules. Seems like a lot of hoops to jump though but it worked. I would seriously suggest that GF build in an option to override the JS and the CSS with custom code. This would let us use the latest UI code, datepicker addons (like timepicker) and, of course, custom CSS.
You can turn off Gravity Forms' CSS in our Settings page. Would that help you with what you are attempting to do?