Give this a try. This assumes your using the form builder built in popup option.
Adjust the href to your form name and the width and height to your script
innerWidth:"670px", height:"80%", maxHeight:"498px"
and
./pop-form-on-click/pop-form-on-click.html
<script>
var $fb_pop = jQuery.noConflict();
$fb_pop(document).ready(function(){
// Adjust the #mydiv to your needed selector
$fb_pop("#mydiv").click(function() {
popForm();
});
function popForm() {
//Adjust this to your form script
$fb_pop.colorbox({iframe:true, innerWidth:"670px", height:"80%", maxHeight:"498px", fixed:true,href:"./pop-form-on-click/pop-form-on-click.html" });
}
jQuery.colorbox.settings.maxWidth = '95%';
jQuery.colorbox.settings.maxHeight = '95%';
var resizeTimer;
function resizeColorBox()
{
if (resizeTimer) clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
if (jQuery('#cboxOverlay').is(':visible')) {
jQuery.colorbox.load(true);
}
}, 100);
}
jQuery(window).resize(resizeColorBox);
window.addEventListener("orientationchange", resizeColorBox, false);
});
</script>