Using Drupal 7 and WebForm Module (version 7.x-4.2). How would I go about adding images, next to text, in a dropdown listbox?

Is this even possible?

I have a dropdown with a list of products and I'd like to add an image next to the name.

1 Answer 1


It would probably be better to have that form coded by hand where you can turn your list into a set of divs with a jQuery library, eg. http://designwithpc.com/Plugins/ddSlick

Or, you can set a background image to each option with CSS (which kinds of takes a bit of time depending on how much options you have in your select list):

select option[value="your_value"] {
  background-image: url(your_image.png);
  • Thanks crzpiot, How would I do the second option within the webform module or do I need to edit the raw code?
    – John
    Commented Oct 4, 2016 at 16:04
  • I have 14 Products in the dropdown
    – John
    Commented Oct 4, 2016 at 16:23
  • Actually, I think it would be best to change to Radio Buttons with small image (click opens larger popup). Is there a WebForm plugin that allow adding an image next to a Radio Button?
    – John
    Commented Oct 4, 2016 at 17:06
  • drupal.org/project/webform_select_image
    – crzpiot
    Commented Oct 5, 2016 at 9:24
  • Thanks, but found out WebForm Select Image does not work with Conditionals, so looking for another option.
    – John
    Commented Oct 5, 2016 at 16:38

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.