I'm experimenting with a responsive popup form on a responsive test page here:

http://www.mingas.com/rec.php

The form pops up by clicking on "[Click here to contact Mingas]" close to the top of the page, at center.

It is a very simple contact form based on the default responsive theme. It acts responsively, as intended, in the form builder and in preview, but after publishing via S-Drive, it remains static on the page and the two columns do not collapse into one as it should at narrow widths.

I've tried all kinds of modifications to the width percentages and such things, but the form refuses to act responsibly/responsively!
I'm stumped!
Do I have the wrong expectations here or am I doing something wrong?

The colorbox window appears to have a fixed width. This would be a problem. I know it re-sizes to the view port a little when it's already small and you click the link but it won't change once loaded.

What do you think made that happen? It is supposed to be 'responsive' after all...
What can I do to correct it?

I would pop scott directly. I'm betting their going to need to write a new class for the colorbox to be responsive.

I was beginning to think along those lines too, so I submitted a support ticket.

Thanks for taking a look at it Eric!

You were right, Eric, that the problem seems to lie with colorbox.

The response I received on my support ticket was that the popup version of the form "was not designed to be responsive". Maybe in a future update of the Form Builder this will change...(?)

For now, I'll just adapt my media queries - and associated form width percentages - a bit more carefully. May actually work out better in the end than my original popup plan!

Per, I know this isn't the ideal solution, but to get by, could you make your form no wider than around 270 - 300px wide? If it starts out at one column that fits within 320px, it doesn't matter if it's not responsive.

paintbrush,

Yes, you had already put that idea in my head when I went back and looked at the site you posted a few days ago, "ABC Brigade...". I belatedly realized that that must have been the reason you made the form narrow.

I think that will be the best approach, but that means I have to decide which page to put the form on . This is what I liked about the popup concept, since I wouldn't have to make any decision and instead could make it available to pop up from any page.

I'm in the beginning of an overhaul of the site to make everything responsive, update content, and more... It will take me a while, since I'm doing it from scratch without the aid of 'responsive themes' and such. For now (until I can decide...), I will leave a responsive form on a page by itself...

Jack Moore is working on a new script to take care of this issue. Great conversion going on here with workarounds.
https://github.com/jackmoore/colorbox/issues/158
One user posted that Fancybox is responsive so you could add the needed code from it to your page to get the same affect as colorbox. You may need to make some JQuery noconflict adjustments to make it work. If I get some spare time I'll take a closer look.

Looks interesting/promising! Thanks for the link.

Given that my comfort level with jQuery coding is low, to put it mildly , I think I'll just wait for you to find that 'spare time'...!
(Although, for a 'progrower' at this time of year, I can't imagine there would be much spare time to be found...)

BTW, this should be something for the CC developers to take an interest in. After all, this is the year to be responsive! It obviously has applicability far beyond forms, for popups from pictures, documents, albums, galleries, sliders, or whatever... Make the box responsive and call it 'CCCbox'...