Pop Up Forms - Post ID 279869

User 187934 Photo


Senior Advisor
20,181 posts

@ JB. those two script links are need for your webpage. I would put those back as this can be fixed.

@ Wayan Why isn't a form responsive at lower displays? The only way would be if the form had a min width or fixed width.
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 2839152 Photo


Registered User
16 posts

Thanks Eric,
I've kept that code because the main website needs it. Just need to crack this form responsiveness nut :)
JB
User 187934 Photo


Senior Advisor
20,181 posts

I looked at your page and the first thing is to fix the structure. Are you editing it after export? You have multiple head tags just to mention one issue.
Get these resolved so we can rule them out.
https://validator.w3.org/nu/?doc=http%3 … index.html
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 2839152 Photo


Registered User
16 posts

Done. Might have been a cut and paste error from Web Form Builder to Responsive Site Designer. In either case, http://www.cregeens.com/delete/index.html was built with RSD and does not behave correctly while http://www.cregeens.com/delete/poptest.html does work correctly (built with notepad). Both scan clean.
thanks
JB
User 187934 Photo


Senior Advisor
20,181 posts

Try this.
<script>
var $fb_pop = jQuery.noConflict();

$fb_pop(document).ready(function(){
$fb_pop(".fb_iframe").colorbox({iframe:true, innerWidth:"616px", height:"80%", maxHeight:"975px", fixed:true });
});
</script>
<script>
// Make ColorBox responsive
$fb_pop.colorbox.settings.maxWidth = '95%';
$fb_pop.colorbox.settings.maxHeight = '95%';

// ColorBox resize function
var resizeTimer;
function resizeColorBox()
{
if (resizeTimer) clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
if ($fb_pop('#cboxOverlay').is(':visible')) {
$fb_pop.colorbox.load(true);
}
}, 100);
}

// Resize ColorBox when resizing window or changing mobile device orientation
$fb_pop(window).resize(resizeColorBox);
window.addEventListener("orientationchange", resizeColorBox, false);
</script>
<!-- End of the headers for CoffeeCup Web Form Builder -->
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 2839152 Photo


Registered User
16 posts

Eric,
That appeared to make it more responsive on chrome/edge/safari, just not the iPhone for whatever reason. Don't know why it won't work with an RSD developed webpage, but will if you just cut and past code in. That doesn't help me though with my business webpage where I need customers in the pub to be able to signup on their phones. :(
thanks
JB
User 2699991 Photo


Registered User
4,782 posts

Eric Rohloff wrote:
@ JB. those two script links are need for your webpage. I would put those back as this can be fixed.

@ Wayan Why isn't a form responsive at lower displays? The only way would be if the form had a min width or fixed width.


But all i have done is publish to cc Sdrive.. surely the wfb should do the code accordingly (yes the form is a responsive one that I used)
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 187934 Photo


Senior Advisor
20,181 posts

JB Williams wrote:
Eric,
That appeared to make it more responsive on chrome/edge/safari, just not the iPhone for whatever reason. Don't know why it won't work with an RSD developed webpage, but will if you just cut and past code in. That doesn't help me though with my business webpage where I need customers in the pub to be able to signup on their phones. :(
thanks
JB

There's a conflict, I would open a support topic and have CC give you an answer since they should work together being both are CC products.
https://www.coffeecup.com/help/myroom/opentopic/
Post back when you get an answer.
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.