Hey!
I need help. I dont know and i cant find how i can do a droplist with pictures. I want to do a droplist with flags and country phone number starting numbers in the droplist. But i dont know how to add images.
Here’s a very basic sample using a repeater… (Note that I made up numbers for a few randomly selected countries). You can do this without a repeater, but because the interaction/layout is the same for all items, it’s a bit faster to use a repeater. As @mbc66 notes below, the repeater can be a bit trickier if you have different sized images. You can, however get around that by specifying the image dimensions in the repeater and setting the size if necessary.
image Drop.rp (63.9 KB)
You may also want to take a look at this tutorial on the concept of using images in repeaters. Specifically “Step 2” in this talks about how to add images to a dataset.
https://www.axure.com/support/training/repeater-product-listing-tutorial
Some basic information that might help explain the example that UXProtoTyper posted…
in general, you can add images to anything by just dragging them onto your Axure page (or dragging in the Image widget and double-clicking it to load a file.
Once you have an image in your repeater cell, you can specify which image files to use in each row by adding their links to your repeater dataset. To add an image, right-click a cell in the dataset “spreadsheet” and choose “Import Image”. Here is the reference for this:
https://www.axure.com/support/reference/repeater-widgets#images
it will help things if all your images have the same dimensions. Otherwise, loaded images will get resized automatically to fit your “image container” --the image in your repeater cell.