Ooo-er! I'm missing bits! - Page 1

User 2674529 Photo


Registered User
65 posts

Good morning! Silly thing occurring in Chrome - the popup box for our website form seems to be missing sides (and the exit button) in Chrome. Seems okay in Firefox and IE, it only happens in Chrome (screenshot attached). Any tweaks you can suggest? Our lot aren't exactly computer savvy and we want this running for the New Year if we can.
Happy Hallowe'en, all :D
Cheers
Chris
Attachments:
User 187934 Photo


Senior Advisor
20,271 posts

Hi Christine,
Can we have a link to the form?
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
User 2674529 Photo


Registered User
65 posts

Hi Eric, of course - coming up... Hope this is what you mean as I'm not firing on all cylinders today! :P
http://southeasterndog.coffeecup.com/Members_Only/forms.html
User 2674529 Photo


Registered User
65 posts

Sorry, had to look for the link - the actual form is at the following. The form itself is fine, it's just the window!

https://www.coffeecup.com/sdrive/dashboard/250111/forms/
User 187934 Photo


Senior Advisor
20,271 posts

I'm not getting anything from either of those links.
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
User 2674529 Photo


Registered User
65 posts

Bother. Okay, try this one and see if it's any better!

http://southeasterndog.coffeecup.com/forms/South%20Eastern%20Form-3-Pay/
User 187934 Photo


Senior Advisor
20,271 posts

It looks fine here.
http://southeasterndog.coffeecup.com/Me … forms.html
Try removing the spaces from your form name.
If you want the popup to be responsive add this script to the head of your page after your formbuilder script that the form builder provides.
<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>
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
User 2674529 Photo


Registered User
65 posts

Thanks for the script, Eric! Works beautifully! :D Took the spaces out of the form name and the window is still fine on Firefox and IE (haven't tried Edge yet) but the box still seems too big for Chrome. If it looks okay your end, though, it's probably something at mine. :lol:
User 2674529 Photo


Registered User
65 posts

Hi Eric - I've looked at everything I can think of, checked on androids with Chrome, iPhones and iPads with Safari - it;s still happening. It seems anything webkit is having a problem fitting the form window in. It's like the window opening up is too small for the form window (if you see what I mean!.) Everything is there; if you know where it is you can scroll and exit from the form, you just can't SEE it. Sorry to bother you again with this but any help you can provide I would be really grateful for! :D
User 187934 Photo


Senior Advisor
20,271 posts

This looks altered.
<script>
var $fb_pop = jQuery.noConflict();

$fb_pop(document).ready(function(){
// Fallback for Safari browser
if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 ) {
$fb_pop('.fb_iframe').click( function(){
var temp_window = window.open('http://southeasterndog.coffeecup.com/forms/South-Eastern-Form-3-Pay/','South-Eastern-Form-3-Pay','width=0,height=0');
window.focus();
setTimeout(function() {temp_window.close();},1000);
} );
}
$fb_pop(".fb_iframe").colorbox({iframe:true, innerWidth:"670px", height:"80%", maxHeight:"6941px", fixed:true });
});
</script>
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

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.