https://legacy.forums.gravityhelp.com/topic/images-in-dropdowns Gravity Support Forums Topic: Images in dropdowns en-US Thu, 23 Apr 2026 05:50:09 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/images-in-dropdowns#post-45781 Sat, 07 Jan 2012 14:28:48 +0000 Rob Harrell 45781@https://legacy.forums.gravityhelp.com/ <p>Awesome, glad you got it working! </p> https://legacy.forums.gravityhelp.com/topic/images-in-dropdowns#post-45776 Sat, 07 Jan 2012 11:42:38 +0000 sylvain@logographe.ca 45776@https://legacy.forums.gravityhelp.com/ <p>Found the solution:<br /> - created a folder in my theme for images<br /> - the value attribute set in Gravity become the name of the png in that folder</p> <p>The code:<br /> <pre><code>var templateDir = &quot;&lt;?php bloginfo(&#39;template_directory&#39;) ?&gt;&quot;; jQuery(document).ready(function(){ jQuery(&quot;.msdropdown option&quot;).attr(&#39;title&#39;, function() { var file = this.value + &#39;.png&#39;; var path = templateDir+&#39;/options/&#39;; return path+file}); });</code></pre> https://legacy.forums.gravityhelp.com/topic/images-in-dropdowns#post-45771 Sat, 07 Jan 2012 10:55:57 +0000 sylvain@logographe.ca 45771@https://legacy.forums.gravityhelp.com/ <p>Thanks, it worked!<br /> I suppose we can also transpose all the "values" as "titles" automatically... ? </p> https://legacy.forums.gravityhelp.com/topic/images-in-dropdowns#post-45767 Sat, 07 Jan 2012 08:52:19 +0000 Rob Harrell 45767@https://legacy.forums.gravityhelp.com/ <p>You can add the attribute via jQuery as well, something like this:</p> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; jQuery(document).ready(function(){ jQuery(&quot;#inputID option[value=&#39;Field Value&#39;]&quot;).attr(&#39;title&#39;, &#39;Testing&#39;); }); &lt;/script&gt;</code></pre> <p>Use the ID on the select and then list the value in the option and then add your title value (img src) and rinse and repeat. </p> https://legacy.forums.gravityhelp.com/topic/images-in-dropdowns#post-45732 Fri, 06 Jan 2012 17:40:38 +0000 sylvain@logographe.ca 45732@https://legacy.forums.gravityhelp.com/ <p>To implement this function, we have to edit the title attribute for each option.<br /> Can we do that with your plugin? </p> https://legacy.forums.gravityhelp.com/topic/images-in-dropdowns#post-34185 Thu, 01 Sep 2011 20:31:25 +0000 adjinwis 34185@https://legacy.forums.gravityhelp.com/ <p>Could you do a tutorial on this ?? I would love to see how to have images show on a dropdown .. I'm not clear on the answer above ... </p> https://legacy.forums.gravityhelp.com/topic/images-in-dropdowns#post-28988 Fri, 01 Jul 2011 15:53:46 +0000 webpuzzlemaster 28988@https://legacy.forums.gravityhelp.com/ <p>thanks, i post another question about another inquiry regarding custom post types content</p> <p><a href="http://www.gravityhelp.com/forums/topic/dynamically-populate-checkboxes-based-on-post-names" rel="nofollow">http://www.gravityhelp.com/forums/topic/dynamically-populate-checkboxes-based-on-post-names</a> </p> https://legacy.forums.gravityhelp.com/topic/images-in-dropdowns#post-28982 Fri, 01 Jul 2011 15:41:57 +0000 Carl Hancock 28982@https://legacy.forums.gravityhelp.com/ <p>David is currently traveling but i've forwarded this to him via email so when he gets a chance he will post a follow up response on this. </p> https://legacy.forums.gravityhelp.com/topic/images-in-dropdowns#post-24405 Thu, 28 Apr 2011 11:44:24 +0000 David Smith 24405@https://legacy.forums.gravityhelp.com/ <p>Hi Colin,</p> <p>This is possible to implement with Gravity Forms. You would just need to download and install the script then using jQuery, initialize the script for the drop downs you would like to target. Something like this:</p> <pre><code>[js] $(&quot;select#input_1_2&quot;).msDropDown();</code></pre> https://legacy.forums.gravityhelp.com/topic/images-in-dropdowns#post-24381 Thu, 28 Apr 2011 05:31:26 +0000 bootle 24381@https://legacy.forums.gravityhelp.com/ <p>My client would like the dropdowns to include an image - in her case, to choose colour, material, buckle design etc.</p> <p>I see GravityForms uses jQuery, and someone's achieved it here, so something for GravityForms to implement too?</p> <p><a href="http://www.marghoobsuleman.com/jquery-image-dropdown" rel="nofollow">http://www.marghoobsuleman.com/jquery-image-dropdown</a></p> <p>thanks,</p> <p>Colin </p>