Need help? Check out our Support site, then


contact form inside a scroll box

  1. Hello,
    I was wondering if it's possible to put a contact form inside a scroll box.
    I have an order form on my website and it's kind of long so it makes my page look long too.
    Trying to fix that by putting it in a scroll box.
    Please let me know if this is possible, and if so, how do I do it!?
    Thanks again
    http://squeegee-prints.com/place-an-order/

    The blog I need help with is squeegee-prints.com.

  2. You can try this approach > Adding scroll bars

  3. But there's no real point doing that: what difference does it make if a visitor has to use the scrollbar of the browser window or the scrollbar of a scrollbox inside that window?

  4. Since the form is long, my suggestion would be to put it in a page instead. People dislike multiple scrollbars on a site as it is very easy for (at least some) people to get confused by them.

  5. I wanna do it because it makes my page long and theres a lot of negative space due to the sidebar. Yeah I know what you mean, sometimes the site gets a little jerky when theres multiple scrolls but I've been using a pad and a mobil device on my site and its pretty cool so I'm gunna go with that. @timethief : I tried that but it didn't work. Any other suggestions?

  6. I don't know why that didn't work for you. Though the post is aimed at widgets I have used scrollbars on pages previously and they worked for me. Perhaps the code is now deprecated.

  7. I think since the form is in code it's not working? Could that be the problem?

  8. What exactly did you try? You've got to switch the editor to HTML and use this:

    <div style="overflow:auto;height:150px;">
    COMPLETE CONTACT FORM SHORTCODE HERE
    </div>

    Change the number to adjust the height.

  9. Hmmm I did everything you said panaghiotisadam. Ther box is there but the content doesn't show up for some reason. I've used the scrollbox before so I know I'm doing it right..

  10. Sorry, wasn't standing by. Just dropped by again now, can't say if and what was wrong now that you have removed the code.

  11. It's alright. I put it at the bottom of the page so you can see what I mean.
    http://squeegee-prints.com/place-an-order/

  12. That's just an empty div with a bunch of useless tags for bold text inside it.

    Did you add your contact form as shown in the relevant Support doc?
    http://en.support.wordpress.com/contact-form/

    If so, the code in your HTML editor should be:

    <div style="overflow:auto;height:700px;">
    [contact-form]
    ETC ETC ETC ETC
    [/contact-form]
    </div>

    Or does your theme provide an alternative for contact forms? (You're using a premium theme, and we volunteers have no idea how it works.)

  13. panaghiotisadam! I figured out what the problem was... I kept checking if it was working by adding a scroll bar with ANOTHER form but you can only have one per page! Right under my nose the whole time. Thanks again guys I really appreciate your help.

Topic Closed

This topic has been closed to new replies.

About this Topic