Hi. I created a responsive form, but the popup container for the form isn't responsive and I can't figure out how to make it so. Please advise.
Thanks!
Popup form container isn't...
Danne Polk
Registered User
3 posts
Eric Rohloff
Senior Advisor
20,186 posts
Hi Danne,
Give this a try.
Add this to the head of your page that has the link to the popup form to make the colorbox popup responsive.
Seems to work here.
https://ericrohloff.com/coffeecup/ccfor … ive-popup/
Give this a try.
Add this to the head of your page that has the link to the popup form to make the colorbox popup responsive.
<script type="text/javascript">
// Make ColorBox responsive
jQuery.colorbox.settings.maxWidth = '95%';
jQuery.colorbox.settings.maxHeight = '95%';
// ColorBox resize function
var resizeTimer;
function resizeColorBox()
{
if (resizeTimer) clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
if (jQuery('#cboxOverlay').is(':visible')) {
jQuery.colorbox.load(true);
}
}, 100);
}
// Resize ColorBox when resizing window or changing mobile device orientation
jQuery(window).resize(resizeColorBox);
window.addEventListener("orientationchange", resizeColorBox, false);
</script>
// Make ColorBox responsive
jQuery.colorbox.settings.maxWidth = '95%';
jQuery.colorbox.settings.maxHeight = '95%';
// ColorBox resize function
var resizeTimer;
function resizeColorBox()
{
if (resizeTimer) clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
if (jQuery('#cboxOverlay').is(':visible')) {
jQuery.colorbox.load(true);
}
}, 100);
}
// Resize ColorBox when resizing window or changing mobile device orientation
jQuery(window).resize(resizeColorBox);
window.addEventListener("orientationchange", resizeColorBox, false);
</script>
Seems to work here.
https://ericrohloff.com/coffeecup/ccfor … ive-popup/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Danne Polk
Registered User
3 posts
Hello Eric, Thanks so much. That did the trick. Thanks, too, for your quick reply.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
