I have a form on a page where the user can edit a lot of information for a specific model. One of the properties of this model is a small icon of about 20x20 px. There are about 100 of these small icons in the application.
The question is, how do I let the user select an icon in the simplest/least cluttered way? I was thinking about a few different solutions:
I could make a huge table containing each icon and a radio button, but this would seriously clutter the page.
I could make a drop down list with images, though this proved to be complicated in HTML, and I couldn't get it to work. Also the list would be very tall. This would probably be the best of my ideas if it was actually supported by HTML.
I could have a separate page containing all the icons in a table like in #1, but this would take away simplicity from the editing, and require separate saving to the database for the icon field.
Would be great with some more ideas!