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.

Dropdown issue at end of form

  1. cmccrone
    Member

    I have a form with 2 pages. On the first page of the form, at the end (right before the NEXT button) i have two items side by side (2 columns). Left half is text field, Right half is a drop down.

    When my form page ends with a drop down, it sucks the NEXT button up into the form near the drop down causing this issue. Almost like it thinks the bottom of the form has moved up a few lines. As if it not seeing the last drop down.

    I have tested many variations and it only happens when the drop down is last on the page. Not sure if its a problem on single page forms but I need multipage forms.

    I have not altered any GF CSS.

    Any ideas?

    Thanks :)

    Posted 12 years ago on Thursday August 23, 2012 | Permalink
  2. Do you have a link to your form?

    Posted 12 years ago on Thursday August 23, 2012 | Permalink
  3. cmccrone
    Member

    For now a blank HTML field works perfectly to fix the issue.

    I know you guys are busy so just let me know if you have a fix when you get some time.

    Cheers!

    [EDIT: you replied before i refreshed. Super quick! Getting the link now

    Posted 12 years ago on Thursday August 23, 2012 | Permalink
  4. cmccrone
    Member

    LINK: http://goo.gl/dD71o

    Posted 12 years ago on Thursday August 23, 2012 | Permalink
  5. Drop this bad boy into your theme's stylesheet:

    [css]
    .gform_page_footer {
    clear: both;
    }
    Posted 12 years ago on Thursday August 23, 2012 | Permalink
  6. cmccrone
    Member

    I have my custom css turned back on but only minor things were changed. I deleted my custom css changes and it didn't help.

    Also, kind of the same topic. Enable enhanced user interface at the end of a form gets cut off. It overflows underneath?

    Posted 12 years ago on Thursday August 23, 2012 | Permalink
  7. I don't see that style declaration I gave you anywhere on your site - did you put it in or did we update at the same time again?

    Posted 12 years ago on Thursday August 23, 2012 | Permalink
  8. cmccrone
    Member

    No sir. I gave up on those. Check the test page again. I turned enhanced on for all.

    LINK: http://goo.gl/dD71o

    Posted 12 years ago on Thursday August 23, 2012 | Permalink
  9. Looks right to me: Screenshot

    Posted 12 years ago on Thursday August 23, 2012 | Permalink
  10. cmccrone
    Member

    No sorry! When it drops down. It gets cut off.

    Posted 12 years ago on Thursday August 23, 2012 | Permalink
  11. Does it do that in the form builder preview window?

    Posted 12 years ago on Thursday August 23, 2012 | Permalink
  12. cmccrone
    Member

    No sir, only on the live page

    Posted 12 years ago on Thursday August 23, 2012 | Permalink
  13. cmccrone
    Member

    In the preview theres no "content" area correct? Im guessing its dropping below the end of the content?

    Posted 12 years ago on Thursday August 23, 2012 | Permalink
  14. You could just apply a min-height to that form's wrapper:

    [css]
    #gform_wrapper_13 {
    min-height: 500px;
    }
    Posted 12 years ago on Thursday August 23, 2012 | Permalink
  15. cmccrone
    Member

    I have a few pages though. My 2nd page is massive. Full of services, lets say 2000px. My first page is just user/password. If i set it to 2000px, my 1st page would be huge no?

    Posted 12 years ago on Thursday August 23, 2012 | Permalink
  16. cmccrone
    Member

    I can deal with drop down with that height CSS.

    Last thing, i can start a new thread and delete this reply.

    I want the buttons to be 100% width. But on the last page there are two buttons. How would i make those both meet in the middle with a tiny gab to make sure they don't touch?

    [[ EDIT ]]
    width:48% works great on the double button pages but on the single its still a shorter button of course

    Again not a big deal, but i could i would :)

    Posted 12 years ago on Thursday August 23, 2012 | Permalink
  17. Each button has it's own ID from page to page - so you can simply target the first page's button with the specific ID. In this case, for the first page's button: #gform_next_button_13_1 to override.

    Posted 12 years ago on Thursday August 23, 2012 | Permalink
  18. cmccrone
    Member

    @rob Thanks bud. The GF support team is great!

    I own a few sites like Royilty.com. I got the business side down, just trying to master the building/coding side of things. A very addiciting hobby!

    Have a good weekend.

    Posted 12 years ago on Friday August 24, 2012 | Permalink

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