Proportional Zooming with browser works in Form Preview, but not Page view WP

Gravity Support Forums » Plugin Support » Gravity Forms

MaxxForce
Member

I am using a plain page to put my GF on and it looks and works perfect except when any of the browsers viewing it get scaled or zoomed + or - during the PAGE Preview. The dimensions get stretched and any image embeds move different ways. When I do this in the FORM PREVIEW when building everything works perfect. What do I need to do so that the GF scales/zooms like it does during Preview in the Form Editor? I think I need some extra CSS coding help in the plain page, as scaling/zooming keeps the proportions in a default theme.. Not sure though. Sorry, fairly new to WP. Thanks.

Posted 12 years ago on Friday March 16, 2012 | Permalink

MaxxForce
Member

This is my page template code I got from Kevin:

<?php
 /*
 Template Name: plain page
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  <meta name="MSSmartTagsPreventParsing" content="true" />
  <meta http-equiv="Imagetoolbar" content="No" />
  <title>My Form Title</title>
  <style type="text/css">
  	body {font-size:13px;}
  </style>
  <link rel='stylesheet' id='gforms_css-css'  href='<?php bloginfo('url'); ?>/wp-content/plugins/gravityforms/css/forms.css?ver=3.0.1' type='text/css' media='all' />
  <script type='text/javascript' src='<?php bloginfo('stylesheet_directory'); ?>/includes/js/jquery-142.js?ver=1.4.1'></script>
  <script type='text/javascript' src='<?php bloginfo('url'); ?>/wp-content/plugins/gravityforms/js/conditional_logic.js?ver=1.3.13.1'></script>
  <?php wp_head(); ?>
  </head>
<body>
  <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
  <?php the_content('read more'); ?>
  <?php endwhile; endif; ?>
  <?php wp_footer(); ?>
</body>
</html>

Posted 12 years ago on Friday March 16, 2012 | Permalink

Kevin Flahaut
Administrator

This shouldn't have anything to do with your page template unless you've added other styles or have some strange HTML/CSS in your form itself. Can you post a URL to your form page using this plain page template? It's going to be easier to help if we can see what you're talking about.

Also, as a side note, the example I supplied was pretty old.. you'll want to make sure the jQuery version, CSS version, etc. in your page template all reflect the most current versions. You should be able to find this by viewing your form markup from the preview page or embedded in another normal page.

Posted 12 years ago on Friday March 16, 2012 | Permalink
MaxxForce
Member

http://www.wellfieldgardens.org/wordpress/?page_id=76&preview=true

Strange thing also. When I publish this and try to view it it says "The page cannot be found". Under Draft I can see fine. Any insight there also?

Posted 12 years ago on Friday March 16, 2012 | Permalink
MaxxForce
Member

jQuery version shows 1.7.1 when I view Page Source Info. What should it be at?

Posted 12 years ago on Friday March 16, 2012 | Permalink
MaxxForce
Member

Ok, here's the actual page for viewing http://www.wellfieldgardens.org/wordpress/?page_id=76
My hoster was having a problem with the permalinks.

Posted 12 years ago on Sunday March 18, 2012 | Permalink
MaxxForce
Member

Just hit Control and + or - a few times on any browser and you will see the scaling problem I am referring to.

Posted 12 years ago on Monday March 19, 2012 | Permalink