Tagged: , , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 2, 2014 at 12:42 am #218310
    RyanDLC

    Hi Support,

    I’ve just created an application form using Gravity Forms on my site and noticed that the popup that displays to choose a date is displaying incorrectly. You can take a live look at the popup by clicking in the “Date” field about halfway down the form, on this page: http://hospitalityscholarships.org/application/. Believe it or not, the popup actually seems to display fine in IE8 but is noticeably broken in Chrome and Firefox. Any ideas on how to get it to display correctly?

    I can always just use a blank text field and have users enter a date manually, but using the built-in Gravity date-picker makes the form entries a little more consistent as far as formatting goes. I’d reach out directly to Gravity on this one, but I know Enfold is supposed to support Gravity Forms and I have a date-picker that displays fine on another site not built on Enfold, so I think the issue might be stemming from some Enfold styling.

    WP: 3.8.1
    Enfold: 2.4.5
    Site: http://hospitalityscholarships.org/application/

    Thanks!

    Ryan

    February 2, 2014 at 4:44 am #218361
    Josue

    Hello,

    Have you tried disabling all third-party (except Gravity Forms) plugins to see if it gets fixed?

    Regards,
    Josue

    February 3, 2014 at 2:33 am #218554
    RyanDLC

    Hi Josue,

    Thanks for the prompt response, it’s much appreciated. Yes, I disabled all my plugins (BackupBuddy, Tailored Login, WP-Optimize, bbPress), and still had the issue. Any other thoughts on a possible cause?

    Best,

    Ryan

    February 3, 2014 at 6:58 am #218651
    Josue

    Hi,

    Open css/base.css and look for line 195-196:

    	#top textarea,
	#top select {

    Replace it by this:

    	#top textarea {

    In the same file, also remove 233-234:

    	#top select {
		width: 220px; }

    Regards,
    Josue

    February 3, 2014 at 9:06 am #218664
    RyanDLC

    Hi Josue,

    That seems to have helped fix things in Firefox (not perfect but certainly better), but the date-picker still isn’t displaying correctly in Google Chrome. Any ideas? Like I said, I don’t mind switching to a simple text field to enter the date if it’s too much trouble to fix.

    Thanks!

    Ryan

    February 3, 2014 at 9:16 am #218668
    RyanDLC

    Josue,

    I spoke to soon… the calendar now displays as it should across the browsers, thanks! The only things that doesn’t look quite right are the dropdown boxes for the date and year. In Chrome the dropdown arrows seem to be behind the text and in Firefox the dropdown boxes are a little small. I think we’ve almost got it solved :)

    Thanks again,

    Ryan

    February 3, 2014 at 3:05 pm #218794
    Yigit

    Hi!

    Please try adding following code to Quick CSS as well

    .ui-datepicker-title select { padding-right: 17%; }

    Regards,
    Yigit

    February 3, 2014 at 7:20 pm #218932
    RyanDLC

    Josue and Yigit,

    Thanks for your help with this, everything looks good now :D

    Ryan

    February 3, 2014 at 7:25 pm #218935
    Josue

    You are welcome Ryan, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Gravity Forms Date Picker Popup Displays Incorrectly’ is closed to new replies.