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

Creating MDI application using C# (Walkthrough)

0.00/5 (No votes)
29 Jun 2004 1  
If you are a beginner(or intermediate) and want to develop an MDI application in C# then this one is for you!!

Sample Image - myBestMDI.jpg

Introduction

MDI (Multiple Document Interface) is nothing but a way of displaying windows form where there is atleast one parent and many child windows eg. word Excel Powerpoint kind of windows where each document , sheet or slide act as a child under the parent container window. SDI(Single document Interface) examples are Windows Explorer,Internet explorer,Notepad etc...where only one window acts as an interface. If you are a beginner(or intermediate) and want to develop an MDI application with basic functionality using the powerful C# language checkout the following step-by-step guide to develop. Even people coming from VB6 background face lots of problem because of the pure OOPs usage in C#. Follow this small step by step walkthrough to make a small MDI application.

Step by Step Walkthrough

  1. Goto File->New->Blank Solution
  2. Select Visual C# Projects in Project Types
  3. Select WindowsApplication in Templates
  4. Type for eg. myBestMDI in the Name textbox
  5. By Clicking the browse button select the location & Click OK

Creating All the Necessary Forms & Coding Them

Creating the Main MDI Form(frmMDIMain) to Act as a Container

  1. In the View->Solution Explorer click Form1 only once
  2. Locate the property FileName and type "frmMDIMain.cs"
  3. In the Solution Explorer now doubleclick frmMDIMain
  4. Locate the property (Name) and type "frmMDIMain"
  5. Locate the property Text and type "This is the Parent"
  6. Locate the property IsMDIContainer and set it to true
  7. Locate the property WindowState and set it to Maximized

Creating the Child form (frmMChild) to Demonstrate Multiple Instance

  1. Goto Project Menu-Add Windows Forms & type frmMChild
  2. In the Solution Explorer now doubleclick frmMChild
  3. Locate the property Text and type "This is the Multi Instance Child"
  4. Locate the property size & set it to 568, 464

Creating the Child Form (frmSChild) to Demonstrate Single Instance

  1. Goto Project Menu-Add Windows Forms & type frmSChild
  2. In the Solution Explorer now doubleclick frmSChild
  3. Locate the property Text and type "This is the Single Instance Child"
  4. Locate the property size & set it to 568, 464\

Creating the About form (frmAbout) to Give Information About this Product

  1. Goto Project Menu-Add Windows Forms & type frmAbout
  2. In the Solution Explorer now doubleclick frmAbout
  3. Locate the property Text and type "About My Best MDI"
  4. Locate the property size & set it to 448, 304
  5. Locate the property FormBorderstyle & set it to FixedToolWindow

Creating the Splash form (frmSplash) to Display the Welcome Information with Company Logo

  1. Goto Project Menu-Add Windows Forms & type frmSplash
  2. In the Solution Explorer now doubleclick frmSplash
  3. Locate the property size and set it to 448, 320
  4. Locate the property ControlBox and set it to False
  5. Locate the property FormBoderStyle and set it to None
  6. Locate the property StartupPosition and set it to CenterScreen
  7. Locate the property BackGroundImage and browse a nice image along with your company logo
  8. Locate the property cursor & set it to waitCursor

Adding a Timer Control to the Splash Screen for Holding it for Few Seconds so that the User Can Read It

  1. Goto View->Toolbox and Double click Timer control
  2. Locate timer1 control & click it once
  3. Set its Interval property to 2000 i.e. in milliseconds
  4. Set its Enabled property to true
  5. Double click to reach its Tick event
type :- 
timer1.Enabled = false;
this.Close();

Adding two classes 1 to Act as the Main Startup Class(clsMain) & 1 for Holding Global Objects(clsGlobal)

  1. In the Solution explorer right click the Project Name myBestMdi
  2. Click Add->New Folder and type classes
  3. right click the Folder classes
  4. Click Add->Add New Item and class and type clsGlobal in name

    Note: myBestMDI.Classes is automatically taken as the namespace due to folder level

  5. change the modifiers for the class from
     public class clsGlobal 
    to
     public sealed class clsGlobal 

    (This is to protect an instantiation of this class)

  6. Just after the curly braces of the class starts paste the following line
    public static frmMDIMain g_objfrmMDIMain;
    //this is to declare a global static reference to our MDI parent so that the same 
    //instance is referred across all child with no extra line of code
  7. Again in the Solution explorer right click the Folder classes
  8. Click Add->Add New Item and class and type clsMain in name
  9. just below the constructor clsMain function in the clsMain class paste the following snippet
    [STAThread]
      static void Main() 
      {
       try
       {
        frmSplash objfrmSplash = new frmSplash();
        objfrmSplash.ShowDialog();
        clsGlobal.g_objfrmMDIMain = new frmMDIMain();
        Application.Run(clsGlobal.g_objfrmMDIMain);
       }
       catch(Exception ex)
       {
        MessageBox.Show(ex.Message,"My Best MDI",
         MessageBoxButtons.OK,MessageBoxIcon.Stop);            
       }
      }
    //This is the Single Threaded Apartment Model(out of our scope)
    //of the application which will run the Main function
    //when the application starts
  10. Since we are using Application class and MessageBox functions in the above code we need a add the foolowing line on the top using System.Windows.Forms;
  11. Now go to frmMain now and from its code window remove the following piece of code
[STAThread]
  static void Main() 
  {
   Application.Run(new Form1());
  }
//because we cannot have two Main function.We are invoking everything from clsMain

Creating Menus in the main MDI Form

  1. Click View->Designer of frmMdiMain
  2. Goto Toolbox and add a double click MainMenu control
  3. Click once on the typehere menu
  4. Locate the property Name & set it to mnuFile
  5. Locate the property Text & set it to &File

    Note: & is for underscore which will enable the Hot key 'F'

  6. Same way click on the sub menu TypeHere box
  7. Locate the property Name & set it to mnuFileNewMultiple
  8. Locate the property Text & set it to &New Multiple
  9. Locate the property ShortCut & choose CtrlN
  10. Same way click on the sub menu TypeHere box
  11. Locate the property Name & set it to mnuFileNewSingle
  12. Locate the property Text & set it to New &Single
  13. click on the sub menu TypeHere box
  14. Locate the property Name & set it to mnuFileCloseChild
  15. Locate the property Text & set it to &Close Child
  16. click on the sub menu TypeHere box
  17. Locate the property Name & set it to mnuFileSep1
  18. Locate the property Text & set it to -

    Note - is a hyphen which will automatically put a whole seperator

  19. click on the sub menu TypeHere box
  20. Locate the property Name & set it to mnuFileExit
  21. Locate the property Text & set it to E&xit

    Now I am sure by now you should be able to create one more menu

  22. Create one more top level menu with Name mnuWindow and text &Window set its MDIList property to true(will show names of opened windows) with 3 sub menus with name
    mnuWindowCascade and text &Cascade
    mnuWindowTileVertical and text Tile&Vertical
    mnuWindowTileHorizontal and text Tile&Horizontal
  23. Create one more top level menu with Name mnuHelp and text &Help with a sub menu with name mnuHelpAbout and text &About... '...' as the suffix is just a Microsoft convention to signify that the command will show a dialog box.

Putting Life in the Menus Created by Adding Code to It

  1. Now in the frmSChild code add the following lines
      private static frmSChild m_SChildform;
      public static frmSChild GetChildInstance()
      {
       if (m_SChildform ==null) //if not created yet, Create an instance
        m_SChildform = new frmSChild();
       return m_SChildform;  //just created or created earlier.Return it
      }
    
    //This is to make sure that when we Click on a 'New Single' menu on Parent form twice 
    //it should not open two instance of the same child form
  2. Click View->Designer of frmMdiMain again
  3. Double click New Single Menu on MDI main form

    add the following code

    frmSChild objfrmSChild = frmSChild.GetChildInstance();
    objfrmSChild.MdiParent = this;
    objfrmSChild.Show();
    objfrmSChild.BringToFront();
  4. Click View->Designer of frmMdiMain again
  5. Double click New Multi Menu on MDI main form

    add the following code

    frmMChild objfrmMChild = new frmMChild();
    objfrmMChild.MdiParent = this;
    objfrmMChild.Show();
  6. Double click CloseChild on MDI main form add the following code
    try
    {
     if(this.ActiveMdiChild.Name =="frmMChild")
     {
      frmMChild objfrmMChild = (frmMChild)this.ActiveMdiChild;
      objfrmMChild.Close();
     }
     else
     {
      frmSChild objfrmSChild = (frmSChild)this.ActiveMdiChild;
      objfrmSChild.Close();
    
     }
    }
    catch
    {
    }
  7. Double click Exit on MDI main form add the following code
    Application.Exit(); 
  8. Double click Cascade menu under Windows on MDI main form add the following code
    this.LayoutMdi(MdiLayout.Cascade);
  9. same way for tile Vertical add
    this.LayoutMdi(MdiLayout.TileVertical);
  10. and for tile horizontal add
    this.LayoutMdi(MdiLayout.TileHorizontal);
  11. Now finally double click About menu in Help to add
    frmAbout objfrmAbout = new frmAbout();
    objfrmAbout.ShowDialog();
  12. Press F5 to start with debugging or Ctrl+F5 to start w/o debugging

Sample screenshot

Enjoy programming!!

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