How to make a ListBox grow on mouseover.

Question

5.00/5 (1 vote)

See more:

I have a ListBox in a UserControl and it is a little small. I want when the user hovers the mouse over it to make it longer so they can see more items in the list.

So when the mouse is over the ListBox I want it to grow to 3 times the current length, I also don't want it to stretch out the rest of the control it is sitting in.

Posted 13-Dec-13 10:48am

bowlturner

Add a Solution

Comments

Sergey Alexandrovich Kryukov 13-Dec-13 19:08pm

I don't think it's going to be a good design, but what's the problem? Can't you handle the mouse events, such as MouseEnter and MouseLeave and do whatever you want when they are invoked?
The problem is: if you make a list box bigger, some other elements should become smaller, of you should enlarge your window, to give more room, which may not be available.
—SA

bowlturner 16-Dec-13 9:13am

What I want is on mouseover for the ListBox to expand 'on top' of all the other controls, Kind of like how a dropdown list box expands when you click on it.

3 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)

IceUK · Answer 1 · 2013-12-13T13:19:00

C#

listBox1.MouseEnter += new System.EventHandler(listBox1_MouseEnter);
listBox1.MouseLeave += new System.EventHandler(listBox1_MouseLeave);

private void listBox1_MouseEnter(object sender, System.EventArgs e) 
{
    listBox1.Size = new Size(100, 100) // change this to the larger size you want
}

private void listBox1_MouseLeave(object sender, System.EventArgs e) 
{
    listBox1.Size = new Size(100, 100) // change this to the original size
}

Sergey Alexandrovich Kryukov · Answer 2 · 2013-12-13T13:16:00

Please see my comment to the question. All the action you need can be done by handling these two events by the list box:
http://msdn.microsoft.com/en-us/library/system.windows.uielement.mouseenter(v=vs.110).aspx[^],
http://msdn.microsoft.com/en-us/library/system.windows.uielement.mouseleave(v=vs.110).aspx[^].

The question is (see the second statement of my comment to the question explaining the problem): what to do? You can do different things. You can temporarily reduce the room for some other controls (such as TextBox) and give more room to your list box. One of the simple ways to do this would be using the open-source control SplitContainer:
http://wpfsplitcontainer.codeplex.com/[^].

You could put your list box as a child of one of the split parts, and leave another parts for some other control(s). When your mouse enters the list box, you can change the split ratio to give more room to your list box.

—SA

BillWoodruff · Answer 3 · 2013-12-13T20:48:00

Unless:

1. your layout provides room for the ListBox to expand and contract without any problems of overlapping, or being overlapped by, other Controls or Windows:

... or ...

2. you re-size the UserControl the ListBox is in to display the ListBox as you wish, and possibly adjust the positions of other controls, inside and outside, the UserControl:

You may have the ListBox either:

1. clipped where it goes outside the bounds of its UserControl

2. overlapping other controls

3. being overlapped by other controls

How to make a ListBox grow on mouseover.

3 solutions

Solution 2

Solution 1

Solution 3

Add your solution here

Preview 0