https://legacy.forums.gravityhelp.com/topic/can-gravity-forms-show-a-block-of-html-above-form-div-ie-for-non-js-browsers Gravity Support Forums Topic: Can Gravity Forms show a block of HTML above form div (i.e. for non-JS browsers) en-US Mon, 20 Apr 2026 01:27:20 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/can-gravity-forms-show-a-block-of-html-above-form-div-ie-for-non-js-browsers#post-55263 Sat, 14 Apr 2012 12:51:18 +0000 kyle 55263@https://legacy.forums.gravityhelp.com/ <p>Are you okay with adding JavaScript? You could put that text into the page - just inside a div, and then hide the div with JavaScript. If js is disabled they see it. If enabled, they don't. </p> <p>Or add the first shortcode as a plugin.. </p> https://legacy.forums.gravityhelp.com/topic/can-gravity-forms-show-a-block-of-html-above-form-div-ie-for-non-js-browsers#post-55262 Sat, 14 Apr 2012 12:36:24 +0000 Dan & Jennifer 55262@https://legacy.forums.gravityhelp.com/ <p>Hey Kyle! That's a great suggestion, but I'm looking for something that does not require editing the theme code, i.e. adding shortcodes requires manually editing site code, i.e. functions.php</p> <p>When we just had a small blog years ago, editing theme files was no big deal. These days every change requires full scale regression testing across all our sites, etc, etc. And hard coding text in functions is even works, because every time you want to change the wording of that shortcode, testing begins anew. :-)</p> <p>hoping for an easy way to do this within Gravity Forms.</p> <p>Thanks!<br /> Dan </p> https://legacy.forums.gravityhelp.com/topic/can-gravity-forms-show-a-block-of-html-above-form-div-ie-for-non-js-browsers#post-55260 Sat, 14 Apr 2012 12:28:32 +0000 kyle 55260@https://legacy.forums.gravityhelp.com/ <p>What i would do is use a <a href="http://www.catswhocode.com/blog/10-incredibly-cool-wordpress-shortcodes" rel="nofollow">shortcode</a> that returns your no script code listed above, so then in the WordPress page you just need to put:</p> <p>[noscript]</p> <p>[gform...] </p> https://legacy.forums.gravityhelp.com/topic/can-gravity-forms-show-a-block-of-html-above-form-div-ie-for-non-js-browsers#post-55258 Sat, 14 Apr 2012 11:53:22 +0000 Dan & Jennifer 55258@https://legacy.forums.gravityhelp.com/ <p>Hi guys!</p> <p>First, LOVE Gravity Forms - totally awesome tool!!</p> <p>The conditional logic is great, i.e. only show fields that matter for the topic of the contact - so a person contacting you to advertise will see different fields than someone contacting you with a support question.</p> <p>BUT found that enabling any conditional fields hides the entire form by default and uses JavaScript to show parts of it. </p> <p>Is there a way to include a bit of HTML "above" the form, so that it's visible without JavaScript, i.e. a "this form requires JavaScript, please enable it" notice in &lt;noscript&gt; tags.</p> <p>The problem is that many browsers have JavaScript disabled - either in preferences or us a plugin like the very popular NoScript browser plugin to disable most JavaScript.</p> <p>That's fine, it's OK to show a note that says "this form requires Javascript". But I would like to show that note ONLY IF their JavaScript is disabled, like so: </p> <pre><code>&lt;noscript&gt; &lt;div style=&quot;color: darkred;&quot;&gt;&lt;strong&gt;This form requires JavaScript, but JavaScript seems to be disabled in your browser. &lt;br&gt;It is either turned off in your browser preferences, or it is disabled by a browser plugin like &quot;NoScript&quot;. &lt;br&gt;Please enable JavaScript in your browser for this form to work properly. Thank you!&lt;/strong&gt; &lt;/div&gt; &lt;/noscript&gt;</code></pre> <p>However including this in the form description won't work, since the entire form is hidden. </p> <p>You could put the above code in the WordPress page itself (HTML mode), but the WYSIWYG editor mangles it every time when switching between HTML and Visual view. </p> <p>Here's the dev site page I'm testing this on - <a href="http://blogsuccessjournal.djmdev.com/contact/" rel="nofollow">http://blogsuccessjournal.djmdev.com/contact/</a></p> <p>if there's not a way currently to show a block of HTML above the form, that could be a great additional field under form settings. :-)</p> <p>Thanks!<br /> Dan </p>