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.

Why doesn't the Date field auto-expand?

  1. mjeune
    Member

    Any reason why the Date field doesn't auto-expand when used with the gf_left_* and gf_right_* Ready Class rules?

    Posted 7 years ago on Thursday November 29, 2012 | Permalink
  2. Please post a link to the page on your site where we can see your form and see what's going on.

    Posted 7 years ago on Thursday November 29, 2012 | Permalink
  3. mjeune
    Member

    http://bit.ly/Tq8fzz

    Posted 7 years ago on Thursday November 29, 2012 | Permalink
  4. It does not appear that you are using the gf_left_* or gf_right_* classes for the date picker right now, so I cannot see the problem.

    When using gf_left_third and gf_right_third, you should use gf_middle_third as well. Those classes are designed to be used all three in one row.

    It looks like the layout issues you're having now are due to improper application of the CSS Ready Classes. Please review the documentation here http://www.gravityhelp.com/css-ready-classes-for-gravity-forms/

    Posted 7 years ago on Thursday November 29, 2012 | Permalink
  5. mjeune
    Member

    Actually, you can see the problem if you scroll all the way down where the credit card info is: credit card number, cvv number and credit card expiry. They all use gf_left_third, gf_middle_third, and gf_right_third, respectively. They are all in one row.

    Posted 7 years ago on Friday November 30, 2012 | Permalink
  6. OK, I scrolled down, I see your three fields on one line, but I see the expanded calendar as well. Screenshots in Firefox 16.0.2 and Chrome 23.0.1271.91 m on Windows 7 http://minus.com/mxKHH4T1p416I

    Am I missing your point completely? Please advise.

    Posted 7 years ago on Saturday December 1, 2012 | Permalink
  7. mjeune
    Member

    Think you might be missing my point completely indeed. I see the problem on your screenshot too. If you look closely, you will see that the Date field is not the same width as the other ones using the gf_left_third and gf_middle_third rules (on the same row). That's what I mean by auto-expanding. ;)

    Posted 7 years ago on Saturday December 1, 2012 | Permalink
  8. I see what you mean now about the width of the date field. I will take a look at that.

    Looking at your form just now in Firefox, it did not display. I took a look at the source and see extra markup being added to the [gravityforms] shortcode output. That is coming from a plugin or theme conflict. Most typically when that appears, it's due to a theme, such as yours, which includes the [raw] shortcode. Please see these topics for discussion and resolution for this problem.

    http://www.gravityhelp.com/forums/tags/raw

    Posted 7 years ago on Sunday December 2, 2012 | Permalink
  9. Try adding this to one of your theme stylesheets:

    [css]
    body .gform_wrapper .gf_right_third input.datepicker {
        width: 90%!important;
    }

    You could make it 100% to fill the whole 1/3, but the datepicker icon would wrap down to the next line. You may have to experiment with the percentage to get it to look like you want it.

    Posted 7 years ago on Sunday December 2, 2012 | Permalink