https://legacy.forums.gravityhelp.com/topic/sidebar-formatting-changes-on-page-with-form Gravity Support Forums Topic: Sidebar formatting changes on page with form en-US Mon, 20 Apr 2026 01:23:58 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/sidebar-formatting-changes-on-page-with-form#post-10066 Sun, 19 Sep 2010 12:00:57 +0000 Kevin Flahaut 10066@https://legacy.forums.gravityhelp.com/ <p>Looks like @obvio's post was out of context and meant for another thread. I'm assuming that's the case.</p> <p>So, a default Gravity Forms install version 1.4 with WordPress 3.0.1 gives me this.</p> <p>default theme (twenty ten), no form in content area - form in sidebar</p> <p><a href="http://grab.by/grabs/92932708b864067d3bdbf956d1c212c8.png" rel="nofollow">screenshot</a></p> <p>default theme (twenty ten), form in content area and form in sidebar</p> <p><a href="http://grab.by/grabs/dc89aaccd773384853fe2ec6debb6e50.png" rel="nofollow">screenshot</a></p> <p>You'll notice that the formatting is the same for both instances of the sidebar form. I've tried this on a few sites and haven't had any issues or been able to reproduce this when using the default Gravity Forms widget for the sidebar form.</p> <p>Looking at your page again, the default forms.css file isn't being loaded on the pages without a form in the content area. The widget should be enqueuing that file for you.</p> <p>This appears to be something specific to your installations. It could be a theme-related issue or even a conflict with another plugin.. not sure </p> <p>You can try disabling all of your plugins, checking the page to see if the forms.css gets loaded properly on the page with just the sidebar form. If so, then re-activate plugins one by one until something breaks to find where the conflict is.</p> <p>If you still don't come up with anything, you're welcome to send us an admin login via our contact form and we'll be happy to get in there and take a look at it. </p> https://legacy.forums.gravityhelp.com/topic/sidebar-formatting-changes-on-page-with-form#post-10055 Sun, 19 Sep 2010 03:56:15 +0000 webwoman 10055@https://legacy.forums.gravityhelp.com/ <p>Sorry I'm not sure where you're wanting me to look. </p> https://legacy.forums.gravityhelp.com/topic/sidebar-formatting-changes-on-page-with-form#post-9718 Sat, 11 Sep 2010 15:58:05 +0000 obvio 9718@https://legacy.forums.gravityhelp.com/ <p>is there a way to know if a call to a form actually exists on each specific template so I could enque the scripts only there? I won't be able to use is_category or category__in to check so I need something more robust.. in other words: is there a global $gforms so I can check if it exists? </p> https://legacy.forums.gravityhelp.com/topic/sidebar-formatting-changes-on-page-with-form#post-9644 Fri, 10 Sep 2010 02:16:14 +0000 webwoman 9644@https://legacy.forums.gravityhelp.com/ <p>I am using latest version of Firefox but have also checked the site in IE and the formatting is the same. Two scrreenshots showing homepage - widget looks normal, then contact page - same widget is stretched.<br /> 1. <a href="http://www.creative-web-ideas.com/wp-content/uploads/2010/09/homepage.png" rel="nofollow">http://www.creative-web-ideas.com/wp-content/uploads/2010/09/homepage.png</a><br /> 2. <a href="http://www.creative-web-ideas.com/wp-content/uploads/2010/09/contactpage.png" rel="nofollow">http://www.creative-web-ideas.com/wp-content/uploads/2010/09/contactpage.png</a> </p> https://legacy.forums.gravityhelp.com/topic/sidebar-formatting-changes-on-page-with-form#post-9642 Fri, 10 Sep 2010 00:38:12 +0000 Chris Hajer 9642@https://legacy.forums.gravityhelp.com/ <p>Checking all the examples, they all look fine. Can you post a screenshot of what you are seeing that is not right? Also, in what browser are you seeing the problem? </p> https://legacy.forums.gravityhelp.com/topic/sidebar-formatting-changes-on-page-with-form#post-9637 Thu, 09 Sep 2010 18:40:49 +0000 webwoman 9637@https://legacy.forums.gravityhelp.com/ <p>Just upgraded <a href="http://www.positivebalance.co.nz" rel="nofollow">http://www.positivebalance.co.nz</a> to the latest version and replaces the yoast widget with the official widget. The problem is still exactly the same. </p> https://legacy.forums.gravityhelp.com/topic/sidebar-formatting-changes-on-page-with-form#post-9634 Thu, 09 Sep 2010 17:49:27 +0000 Carl Hancock 9634@https://legacy.forums.gravityhelp.com/ <p>@webwoman Is this happening with the official widget included in Gravity Forms v1.4 or is this an older version using Joost de Valk's yoast.com widget? </p> https://legacy.forums.gravityhelp.com/topic/sidebar-formatting-changes-on-page-with-form#post-9631 Thu, 09 Sep 2010 17:33:52 +0000 Kevin Flahaut 9631@https://legacy.forums.gravityhelp.com/ <p>When you use the function call to embed the form, or the third party widget, the default GF styles and scripts aren't loaded automatically. When you embed the form into the content editor, the scripts get enqueued. That's why you're seeing a difference.. the default styles are being loaded on pages with other forms.</p> <p>I would suggest upgrading to the newest version and using the built-in sidebar widget. </p> <p>If you do embed the form via the function call or the Yoast widget, you'll need to manually enqueue the scripts by adding a snippet to your functions.php file</p> <pre><code>wp_enqueue_script(&quot;gforms_ui_datepicker&quot;, WP_PLUGIN_URL . &quot;/gravityforms/js/jquery-ui/ui.datepicker.js&quot;, array(&quot;jquery&quot;), &quot;1.3.9&quot;, true); wp_enqueue_script(&quot;gforms_datepicker&quot;, WP_PLUGIN_URL . &quot;/gravityforms/js/datepicker.js&quot;, array(&quot;gforms_ui_datepicker&quot;), &quot;1.3.9&quot;, true); wp_enqueue_script(&quot;gforms_conditional_logic_lib&quot;, WP_PLUGIN_URL . &quot;/gravityforms/js/conditional_logic.js&quot;, array(&quot;gforms_ui_datepicker&quot;), &quot;1.3.9&quot;, true); wp_enqueue_style(&quot;gforms_css&quot;, WP_PLUGIN_URL . &quot;/gravityforms/css/forms.css&quot;);</code></pre> <p>Without this, the conditional logic scripts, datepicker script, form CSS and other elements needed for the full form functionality aren't loaded.</p> <p>You can find more information at the URL below</p> <p><a href="http://www.gravityhelp.com/documentation/embedding-a-form/" rel="nofollow">http://www.gravityhelp.com/documentation/embedding-a-form/</a> </p> https://legacy.forums.gravityhelp.com/topic/sidebar-formatting-changes-on-page-with-form#post-9629 Thu, 09 Sep 2010 17:28:54 +0000 webwoman 9629@https://legacy.forums.gravityhelp.com/ <p>On several of my websites I have an e-newsletter subscribe form in the sidebar using gf widget and it looks great except on pages where I have another gravity form on the page itself. In this instance, the sidebar form stretches out vertically.<br /> Some examples.<br /> Subscribe form - no form on page - <a href="http://positivebalance.co.nz/" rel="nofollow">http://positivebalance.co.nz/</a><br /> Subscribe form - form on page - <a href="http://positivebalance.co.nz/contact-2/" rel="nofollow">http://positivebalance.co.nz/contact-2/</a> or <a href="http://positivebalance.co.nz/coaching/book-a-coaching-session/" rel="nofollow">http://positivebalance.co.nz/coaching/book-a-coaching-session/</a></p> <p>Same thing happens on these sites:<br /> <a href="http://www.creative-web-ideas.com/index.php/contact/" rel="nofollow">http://www.creative-web-ideas.com/index.php/contact/</a><br /> and<br /> <a href="http://www.avidbeauty.co.nz/index.php/contact-us/" rel="nofollow">http://www.avidbeauty.co.nz/index.php/contact-us/</a><br /> and<br /> <a href="http://theconnector.co.nz/contact/" rel="nofollow">http://theconnector.co.nz/contact/</a></p> <p>All these sites use different themes. Three are using genesis framework and one is not.<br /> I would love to be able to solve this as it looks awful.<br /> Note only the creative web ideas site has been upgraded to the version of gravity forms just released.<br /> Thanks </p>