Linking Webform to the navigation...

User 1222433 Photo


Registered User
66 posts

Hi there, is there a way I can create a pop up so when someone clicks the order form on my navigation panel on my website the form pops up, I hate the click here, looks amateur. At the mo when someone clicks the form it takes them to another page where the form is (not pop up), I do not like it because when someone completes the form to see the thank u message they have to scroll up. So it would be better to use a pop up but as i am a perfectionist I would like that to happen when they click order form button on my site. www.PhotoEditMe.com
Your wisdom would be great :D
User 187934 Photo


Senior Advisor
20,271 posts

The CC Form builder already ha this ability. Click Settings then select the General tab. Next check the Display form in pop-up Using.
If your looking to change the default text link try this.
http://www.coffeecup.com/forums/responsive-site-designer/using-an-rsd-image-link-with-form-builder/?post_id=260505#post260505
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 1222433 Photo


Registered User
66 posts

Hi there Eric, I think u misunderstood, I know about linking images etc, but what I mean is, at the top of my website there is a navigation bar, the usual services, contact and order form. I would like to know how I can link the order form button on my nav bar to pop up the form. I do not wish to create an image click, for example is there an URL / HTTP link that triggers the pop up that i can attribute to the nav bar button for it. I have attached a screen pic of what I mean, I am not the best at explaining things lol...
Attachments:
User 187934 Photo


Senior Advisor
20,271 posts

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>
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 1222433 Photo


Registered User
66 posts

Thank u Eric I shall give it a try tomorrow...
Cheers
Ryan

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.