Minimize the size of DropDownList Box

Question

1.00/5 (1 vote)

See more:

I have a DropDownList which shows at least 100 details.
but OnMouseOver of DropDownList it should display only 10 recrods at a time and it should have an Vertical Scroll Bar so that the End user can use Scroll Bar in order to Select that specific Value

Thanks in Advance

Regards
Sushil Dharmar

Posted 21-Mar-12 8:02am

SushilDharmar

Updated 21-Mar-12 8:04am

v2

Add a Solution

Comments

Sergey Alexandrovich Kryukov 21-Mar-12 14:30pm

Not a question. What have you done so far? What's the problems?
--SA

SushilDharmar 21-Mar-12 22:32pm

The DropDownList Should Display only 10 Data Container at a time.
On OnClick Event of an DropDown List.
And for the Rest, the User should use the Vertical Scroll Bar for the Selection of an Item from the dropdown list.
Instead of having a long DropDownList box.

1 solution

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)

**Orcun Iyigun** · Answer 1 · 2012-03-21T08:38:00

Well dropdown list will be rendered in browser as html select and with the html select as far as I know you can not do what you ask for.

Instead, you can build your own control that has a readonly textbox and a listbox. You can limit the height of the control by setting the height property of the listbox.

OR you can use ListBox control and set the height of it to show 10 items.
OR you can also use AJAX AutoCompleteExtender

**Maybe you can try to do pagination on the data source for the drop down list using PagedDataSource and set the PageSize to 10.(Not sure about this one)

Also,

C#

<asp:DropDownList ID="DropDownList1" onmouseover="this.size=10;" onmouseout="this.size=1;" runat="server">
</asp:DropDownList>

can help you a bit but may not cover it all.

I hope these are helpful.

Good luck,
OI