Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Select tag drop down values.

Posted on 2006-11-15
7
Medium Priority
?
245 Views
Last Modified: 2010-04-09
Hi experts,
   I have select box which has fix width let say 100px.
If options contains value which is more than width, then
how to show full value to user without increasing size of select.

manish.
0
Comment
Question by:Manish
7 Comments
 
LVL 11

Author Comment

by:Manish
ID: 17945843
after clicking on drop down arrow.
0
 
LVL 19

Expert Comment

by:VoteyDisciple
ID: 17946188
It may be possible with Javascript to show the full text of the item on hovering.  Without increasing the size of the box you don't really have any pure HTML/CSS options
0
 
LVL 11

Author Comment

by:Manish
ID: 17946292
so do you have javascript code?
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 2

Accepted Solution

by:
bowen18 earned 150 total points
ID: 17950585
0
 
LVL 11

Author Comment

by:Manish
ID: 17953798
But width is increasing in IE , i dont want that.
It is working correct in firefox.

 
0
 
LVL 11

Expert Comment

by:ethoths
ID: 17955768
You need to set the width using css...

        <asp:DropDownList ID="DropDownList1" runat="server" style="width:100px" />

or

        <select name="DropDownList1" id="DropDownList1" style="width:100px"></select>
0
 
LVL 12

Expert Comment

by:jessegivy
ID: 17975888
There are no easy options here.  I've tried to get tooltips to work with option tags with no luck.  The other option would be to dynamically add multiple options and write lengthy code to link multiple options together.  The short answer and most accepted I believe, is to truncate the text, or simply increase the size of your dropdown and accomodate in your design.

...the standard if you decide to truncate is to use elipsis (...) at the end to indicate there's more text that's not being displayed.
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article discusses four methods for overlaying images in a container on a web page
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

972 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