Hi,

I've just bought Web Form Builder to go along with a Responsive Site Designer I bought last week.

I've been designing a basic site using the mobile first BlankMFP template and am now trying to get a web form working as a contact form. I've have created a basic form and used the manual settings to incorporate it into the RSD site. The way I wish to have the contact form work is to pop-up when a text link is clicked.

As I am using the manual settings I have imported the Head code and used an HTML element is RSD inside my column and pasted the link code from Web Form Builder into it.

However the issue I am having is that when i click the link, the form does appear, but it is surrounded by another box and is being pushed off the page and is not sizing responsively.

Picture attached

Thanks for any advice.

Ok, I think i have figured out that the surrounding box is controlled by the colorbox.css file. I have made some changes to remove this based on this article. However the form is still not responsive when viewed on a mobile or ipad and is pushing off the screen. Also there is no option to close the form now after making the colorbox changes.

Hi Andrew,
Take a look at this also.
http://www.coffeecup.com/forums/web-for … post252344

Thanks for the suggestion, but it doesn't seemed to have made any difference in my case

Can you share a link to the page with the form?

Sure, it's a very rough wip at the moment, i'm learning as i go

Website

Go the to contact section at the bottom and press on the email link for now. The box does actually resize kind of but its clipping. I've used just wfb's "contact form" template contact form for now, not change any settings except set it to pop up 'default' in the settings.

Done a little more hacking in the colorbox.css and getting a bit further now, basically took all the width and height out of the #cboxTopLeft etc. Still seem to have some invisible padding/margin around the form itself which i can't seem to get rid off. Would the like the form to appear on the mobile without any scrolling necessary as it's only a small form and there should be space.

Try moving the colorbox responsive script to just above the </head> tag.