https://legacy.forums.gravityhelp.com/topic/is-there-a-hook-filter-to-manipulate-form-output Gravity Support Forums Topic: Is there a Hook / Filter to manipulate form output? en-US Wed, 22 Apr 2026 11:18:48 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/is-there-a-hook-filter-to-manipulate-form-output#post-32956 Thu, 18 Aug 2011 17:21:10 +0000 David Smith 32956@https://legacy.forums.gravityhelp.com/ <p>Hi James,</p> <p>Take a look at this hook:</p> <p><a href="http://www.gravityhelp.com/documentation/page/Gform_field_content" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_field_content</a></p> <p>It gives you the ability to complete rewrite the ouputted HTML for a field. </p> https://legacy.forums.gravityhelp.com/topic/is-there-a-hook-filter-to-manipulate-form-output#post-32876 Thu, 18 Aug 2011 09:29:48 +0000 James Morrison 32876@https://legacy.forums.gravityhelp.com/ <p>Hey,</p> <p>While styling my contact form page, I need to add a container element around the select (dropdown), or modify the <em>&lt;div class="ginput_container"&gt;</em> code where the element contained within is a dropdown.</p> <p>Is there a hook or filter that would help me to do this, specifically only for dropdown elements?</p> <p>i.e. The current output looks like:</p> <pre><code>&lt;li class=&quot;gfield gfield_contains_required&quot; id=&quot;field_1_4&quot;&gt; &lt;label for=&quot;input_1_4&quot; class=&quot;gfield_label&quot;&gt;Drop Down&lt;span class=&quot;gfield_required&quot;&gt;*&lt;/span&gt;&lt;/label&gt; &lt;div class=&quot;ginput_container&quot;&gt; &lt;select tabindex=&quot;13&quot; class=&quot;medium gfield_select&quot; id=&quot;input_1_4&quot; name=&quot;input_4&quot;&gt; &lt;option value=&quot;First Choice&quot;&gt;First Choice&lt;/option&gt; &lt;option value=&quot;Second Choice&quot;&gt;Second Choice&lt;/option&gt; &lt;option value=&quot;Third Choice&quot;&gt;Third Choice&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/li&gt;</code></pre> <p>I need it to look like this:</p> <pre><code>&lt;li class=&quot;gfield gfield_contains_required&quot; id=&quot;field_1_4&quot;&gt; &lt;label for=&quot;input_1_4&quot; class=&quot;gfield_label&quot;&gt;Drop Down&lt;span class=&quot;gfield_required&quot;&gt;*&lt;/span&gt;&lt;/label&gt; &lt;div class=&quot;ginput_container select-wrapper&quot;&gt; &lt;select tabindex=&quot;13&quot; class=&quot;medium gfield_select&quot; id=&quot;input_1_4&quot; name=&quot;input_4&quot;&gt; &lt;option value=&quot;First Choice&quot;&gt;First Choice&lt;/option&gt; &lt;option value=&quot;Second Choice&quot;&gt;Second Choice&lt;/option&gt; &lt;option value=&quot;Third Choice&quot;&gt;Third Choice&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/li&gt;</code></pre> <p>or this:</p> <pre><code>&lt;li class=&quot;gfield gfield_contains_required&quot; id=&quot;field_1_4&quot;&gt; &lt;label for=&quot;input_1_4&quot; class=&quot;gfield_label&quot;&gt;Drop Down&lt;span class=&quot;gfield_required&quot;&gt;*&lt;/span&gt;&lt;/label&gt; &lt;div class=&quot;ginput_container&quot;&gt; &lt;div class=&quot;select-wrapper&quot;&gt; &lt;select tabindex=&quot;13&quot; class=&quot;medium gfield_select&quot; id=&quot;input_1_4&quot; name=&quot;input_4&quot;&gt; &lt;option value=&quot;First Choice&quot;&gt;First Choice&lt;/option&gt; &lt;option value=&quot;Second Choice&quot;&gt;Second Choice&lt;/option&gt; &lt;option value=&quot;Third Choice&quot;&gt;Third Choice&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/div&gt; &lt;/li&gt;</code></pre> <p>I know this can probably be done with jQuery if not by modifying the output with a hook / filter, but I don't know how to do this.</p> <p>Any help is greatly appreciated!</p> <p>James </p>