Solved

Drop Down List of Images

Posted on 2008-10-27
4
1,659 Views
Last Modified: 2012-08-14
I am trying to create a drop down list to be used in a C# Web application.  Similiar to choosing a state from a drop down, but instead of text, a small image would appear?  Does anyone know how to do this?

Thanks,

Jared
0
Comment
Question by:jaredrico
4 Comments
 
LVL 8

Expert Comment

by:Wikkard
ID: 22818347
This isnt really possible in a web app afaik.
You could create your own user control to work like a dropdown with images.

0
 

Author Comment

by:jaredrico
ID: 22818401
what do you mean?  not use the drop down list control, then?
0
 
LVL 8

Expert Comment

by:mkosbie
ID: 22819054
A DropDownList control can only be used for text.  You would need to create a special user control to do this.  I would base it on an image drop down menu (like the one here: http://www.cssplay.co.uk/menus/image_dropdown.html).  Info on user controls: http://msdn.microsoft.com/en-us/library/y6wb1a0e.aspx
0
 
LVL 2

Accepted Solution

by:
smokingspaceman earned 500 total points
ID: 22820029
This is part of a commercial component packege that does what you want.
http://demos.telerik.com/ASPNET/Prometheus/Combobox/Examples/Default/DefaultCS.aspx

I'm sure you can do something similar using dhtml.
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Preface In the first article: A Better Website Login System (http://www.experts-exchange.com/A_2902.html) I introduced the EE Collaborative Login System and its intended purpose. In this article I will discuss some of the design consideratio…
What is Node.js? Node.js is a server side scripting language much like PHP or ASP but is used to implement the complete package of HTTP webserver and application framework. The difference is that Node.js’s execution engine is asynchronous and event…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question