Solved

Select tag drop down values.

Posted on 2006-11-15
7
188 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
Comment Utility
after clicking on drop down arrow.
0
 
LVL 19

Expert Comment

by:VoteyDisciple
Comment Utility
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
Comment Utility
so do you have javascript code?
0
Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

 
LVL 2

Accepted Solution

by:
bowen18 earned 50 total points
Comment Utility
0
 
LVL 11

Author Comment

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

 
0
 
LVL 11

Expert Comment

by:ethoths
Comment Utility
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
Comment Utility
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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

Showing your events from Google Calendar in Google Maps Why? I travel all week and I thought it would be ideal if staff in office knew where I was based on my calendar. (OK real reason: my son wanted to see where I would be working, and I thoug…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
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…

772 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now