Dynamically adjusting the size of a drop-down list .....?

Question

0.00/5 (No votes)

See more:

Hi,

I have added 3 items to DropDownList (India,
New Zealand,
United States of America)

How to resize DropDownList dynamically based on selection..?

Please help me

thanks in advance

Posted 3-Feb-11 22:25pm

venkatrao palepu

Updated 3-Feb-11 22:49pm

v5

Add a Solution

Comments

Sunasara Imdadhusen 4-Feb-11 4:54am

I think the browser will take care for the value inside dropdown and it will automatically adjust width of it's.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sandeep Mewara · Answer 1 · 2011-02-03T22:56:00

Solution 2

Simply, just don't provide the 'width' property of the dropdown.

It will automatically take care of it and will set the width as per the values in it.

UPDATE:
As Ankur pointed out, what I have suggested is for having a dropdown of width based on the maximum length value in it. But, sounds like the question is to adjust the width at runtime based on the 'selected' value in dropdown. If so, you would have to use Javascript as suggested by others. BUT, I would not recommend this behavior as having a varying sized control at runtime on selection is irritating and is not considered a good UI design.

Posted 3-Feb-11 22:56pm

Sandeep Mewara

Updated 3-Feb-11 23:54pm

v2

Comments

Ankur^\m/ 4-Feb-11 5:26am

That doesn't work. It will set the width to contain value with maximum length.

Sandeep Mewara 4-Feb-11 5:28am

It will set the width to contain value with maximum length.
I said the same thing!

Don't give width at all and the dropdown will automatically adjust based on the value having max length in it.

Ankur^\m/ 4-Feb-11 5:32am

But the user doesn't want that. What he is asking is the width of the dropdownlist should adjust to the selected value. Suppose a value takes less width, then the width should decrease and if it takes a lot of width, the width of dropdownlist should increase.

Sandeep Mewara 4-Feb-11 5:29am

To add on, this is in my project, right now in front of me... working like a charm! :)

Ankur^\m/ 4-Feb-11 5:34am

I think you got the question wrong. :)

Sandeep Mewara 4-Feb-11 5:51am

Haha! Right in what you are saying. And if thats the real question, I don't know who passed that UI. No-body would like to see controls resizing based on selection on the screen. It would be irritating.

Let me edit my answer. Thanks.

Ankur^\m/ 4-Feb-11 5:58am

That's correct. This option is not there by default for a reason and a developer should understand that. BTW, see the answer below. That's one possible way I thought of when I read the question.

Espen Harlinn 6-Feb-11 11:11am

Good advice, my 5

Coding C# · Answer 2 · 2011-02-03T22:58:00

Solution 3

You should try javascript or jquery.

Find the width of the selected item text in pixel and set it to dropdown's width.

Posted 3-Feb-11 22:58pm

Coding C#

Comments

Ankur^\m/ 4-Feb-11 5:37am

I thought of a similar solution except finding the width of the selected item in pixel. I assumed a fixed (maximum) length for each character.
Can we find the width of the selected item text in pixel in JavaScript?

Coding C# 4-Feb-11 5:45am

Yes - you are correct, you need to assume the max width of a character depending on the font size you are using.

Ankur^\m/ 4-Feb-11 5:56am

Firstly, use reply link (mouse over my comment and you will see it) to reply me because I don't get notified otherwise.

So I was right! :)

Coding C# 4-Feb-11 6:06am

Yes.
You got notified now? :P

Ankur^\m/ 4-Feb-11 6:09am

Yep! :D