My client would like the dropdowns to include an image - in her case, to choose colour, material, buckle design etc.
I see GravityForms uses jQuery, and someone's achieved it here, so something for GravityForms to implement too?
http://www.marghoobsuleman.com/jquery-image-dropdown
thanks,
Colin
Hi Colin,
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:
[js]
$("select#input_1_2").msDropDown();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.
thanks, i post another question about another inquiry regarding custom post types content
http://www.gravityhelp.com/forums/topic/dynamically-populate-checkboxes-based-on-post-names
You can add the attribute via jQuery as well, something like this:
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#inputID option[value='Field Value']").attr('title', 'Testing');
});
</script>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.
sylvain@logographe.ca
Member
Found the solution:
- created a folder in my theme for images
- the value attribute set in Gravity become the name of the png in that folder
The code:
var templateDir = "<?php bloginfo('template_directory') ?>";
jQuery(document).ready(function(){
jQuery(".msdropdown option").attr('title', function() {
var file = this.value + '.png';
var path = templateDir+'/options/';
return path+file});
});Awesome, glad you got it working!