PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

When using Modal the form opens up in Percentage not pixels

  1. Home page - below the image about 2/3 down the page you'll see a link that says Quote Requests. http://64.79.132.174/~capstone/

    This opens up http://64.79.132.174/~capstone/full-insurance-programs-and-quote-request/ as a modal

    The problem I am having is it is opening it up in percentages... how do I fix this? - if I ad "px" after the width and height it opens it up extremely small.

    Below is the code that is on the page the link resides on:

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/js/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />
    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.min.js"></script>
    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
    
    <script type="text/javascript">
    $(document).ready(function(){
    	$("a.iframeFancybox1").fancybox({
    		'width'				: '700',
    		'height'			: '600',
                    'overlayOpacity'           : '0.4',
                    'overlayColor'               : '#000',
                    'hideOnContactClick'      : false,
                    'autoScale'                  : false,
                    'transitionIn'                : 'elastic',
                    'transitionOut'              : 'elastic',
                    'type'                         : 'iframe'
    	});
    });
    </script>
    Posted 14 years ago on Friday May 28, 2010 | Permalink
  2. I went back and compared with the demo I did a while back and noticed a difference. Try removing the single quotes around your width and height values and see if that fixes things. If I recall, I ran into a similar issue.

    Beyond that, you'll probably have to refer to the Fancybox documentation or their support forums to find the answer.

    Posted 14 years ago on Friday May 28, 2010 | Permalink
  3. Thank you! Worked Perfectly! I knew it was something simple!

    Posted 14 years ago on Friday May 28, 2010 | Permalink
  4. Awesome.. glad I could help.

    Posted 14 years ago on Friday May 28, 2010 | Permalink

This topic has been resolved and has been closed to new replies.