How to Display another UserControl by Clicking on button in One UserControl

In this tutorial we’ll talk about how to Display UserContol from other UserControl in c#. UserControl inherits all the standard positioning and mnemonic-handling code that is necessary in a user control. The UserControl gives you the ability to create controls that can be used in multiple places within an application. ( Display UserContol )

But Now a days we UserControls can be used as partial pages of our applications.

Tools Required:

1. Visual Studio 2010 or Later version.
2. Pichon Desktop app for icons (Optional). Download it from Here

Steps to Follow:

For demonstration purpose, just add two User Controls in your project. Name the first controls as ‘UCHome’ which will be our main user control.We will place a button control on this User Control by clicking which the other User Control will be displayed.

Name the other User Control as ‘UCNext’ (You can name it what ever you want). Add a Panel control from tool box which will work as a container for our User Controls and name it as ‘PnlContainer’.

We will also place a button on Main Form to come back to our main screen. name it ‘btnBack’

Go to code view of your Main Form (Form1) and add the following code.

static Form1 _obj;

        public static Form1 Instance
        {
            get
            {
                if (_obj == null)
                {
                    _obj = new Form1();
                }
                return _obj;
            }
        }

        public Panel PnlContainer
        {
            get { return panelContainer; }
            set { panelContainer = value; }
        }

        public Button BackButton
        {
            get { return btnBack; }
            set { btnBack = value; }
        }

After that, just go to the Load Event of your Main Form and add the Following Code:

btnBack.Visible = false;
_obj = this;

        UCHome uc = new UCHome();
        uc.Dock = DockStyle.Fill;
        panelContainer.Controls.Add(uc);
//This will display UCHome when form loads

Go to the OnClick event of Back button and add the following code:

panelContainer.Controls[“UCHome”].BringToFront();
btnBack.Visible = false;
//This will display the UCHome back

Go to the designer view of UCHome and add a button control which will be used to navigate to the other User Control. In Click event of this button, add the following Code:

 if(!Form1.Instance.PnlContainer.Controls.ContainsKey("UCNext"))
            {
                UCNext un = new UCNext();
                un.Dock = DockStyle.Fill;
                Form1.Instance.PnlContainer.Controls.Add(un);
            }
  Form1.Instance.PnlContainer.Controls["UCNext"].BringToFront();
  Form1.Instance.BackButton.Visible = true;

Video Tutorial:

Source Code: