Click here to Skip to main content
Click here to Skip to main content

Runtime resizable controls!

By , 23 Feb 2006
Rate this:
Please Sign up or sign in to vote.

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. Smile | :)

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 Smile | :) : 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 Wink | ;)

Resize me!

Points of Interest

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

License

This article, along with any associated source code and files, is licensed under The GNU General Public License (GPLv3)

About the Author

Murat YILMAZ
Product Manager Doğan Online
Turkey Turkey
No Biography provided
Follow on   Twitter

Comments and Discussions

 
GeneralMouseEventArgs.Button property PinmemberPatric_J23-Feb-06 10:55 
GeneralRe: MouseEventArgs.Button property Pinmemberjchunn1-Oct-07 9:15 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web01 | 2.8.140415.2 | Last Updated 23 Feb 2006
Article Copyright 2006 by Murat YILMAZ
Everything else Copyright © CodeProject, 1999-2014
Terms of Use
Layout: fixed | fluid