Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles
(untagged)

Runtime resizable controls!

0.00/5 (No votes)
23 Feb 2006 1  
Add resizeability to your Windows Forms controls.

Resize me!

Introduction

Have you the need or have you tried to resize controls at runtime? Or did you ever have a client who wanted to enlarge or shrink controls on their programs? I once had a requirement like that. I searched for resizable controls on the internet, but I couldn't find any. I had to write some code to add resizeability to my controls. Here are some tricks to do these. This ability should be added to controls and the clients allowed to design their own forms. :)

Using the code

To add this ability to controls, we'll use some control properties and images. Firstly, create a Windows project (C#) and enlarge the startup form. Then add a Panel to the form.

Now, we need an image to put on our control's bottom right section to indicate that our control can resize. We will create a GIF file for this. You can copy (via screenshot) or redraw the image, or you can save the following image :) : Copy this image to inlude in your resizable control

Put the image at the bottom right of the Panel control. It should look like:

When you add image to control, it seems like this

And set the following properties of the Image control:

  • Image: Select the image.
  • Cursor: SizeNWSE.
  • Anchor: Bottom, Right.

Set the properties like this

At the code-behind, firstly we have to know that the mouse has been clicked or not. To know this, we can create a boolean variable and set it to true when the mouse is down and false when mouse is up.

bool mouseClicked = false;

private void pictureBox1_MouseDown(object sender, 
             System.Windows.Forms.MouseEventArgs e)
{
    mouseClicked = true;
}

private void pictureBox1_MouseUp(object sender, 
        System.Windows.Forms.MouseEventArgs e)
{
    mouseClicked = false;
}

After doing it, we can write the resizeability code for the event when the mouse is over the image:

private void pictureBox1_MouseMove(object sender, 
             System.Windows.Forms.MouseEventArgs e)
{
    if (mouseClicked)
    {
        this.panel1.Height = pictureBox1.Top + e.Y;
        this.panel1.Width = pictureBox1.Left + e.X;
    }
}

That's it. Lets run our project and see if the control has been added the ability. Have fun ;)

Resize me!

Points of Interest

You can get the mouse location in the MouseMove event of any control as an integer.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here