Click here to Skip to main content
Licence 
First Posted 12 Dec 2005
Views 109,936
Bookmarked 42 times

A TabControl with tab page closing capability

By | 12 Dec 2005 | Article
An extension of the tab control that adds a closing 'X' at the left side of the tab page: pressing it will close the tab page.

Sample Image

Introduction

I was writing an application that uses a TabControl. I needed to give my user the ability to close tab pages dynamically, so I was looking for a tab control that has a close sign on every page, but could not find one. So I started developing one. The result of this development is the following class: TabControlEx.

Using the code

To use the the tab control, I perform the following action:

  1. Add a regular TabControl to my form.
  2. Edit the Designer file (if your form name is Form1, you need to edit the Form1.Designer.cs file).

You need to change the type of the tab control from "System.Windows.Forms.TabControl" to "Yoramo.GuiLib.TabControlEx". You also need to change the instantiation statement (in the "InitializeComponent" method) to create the correct type of tab control.

The TabControlEx Code

TabControlEx derives from System.Windows.Forms.TabControl. It implements the OnDrawItem to draw the 'x' sign on the page (Close sign) and the OnMouseClick to figure out if the close sign has been clicked. In the constructor, I have changed the DrawMode to TabDrawMode.OwnerDrawFixed to activate the OnDrawItem. In order to enable the application to refuse closing a tab, or to provide an event to enable saving data, I have defined an event called PreRemoveTabPage.

using System;
using System.Windows.Forms;
using System.Drawing;

namespace Yoramo.GuiLib
{
    public delegate bool PreRemoveTab(int indx);
    public class TabControlEx : TabControl
    {
        public TabControlEx()
            : base()
        {
            PreRemoveTabPage = null;
            this.DrawMode = TabDrawMode.OwnerDrawFixed;
        }

        public PreRemoveTab PreRemoveTabPage;

        protected override void OnDrawItem(DrawItemEventArgs e)
        {
            Rectangle r = e.Bounds;
            r = GetTabRect(e.Index);
            r.Offset(2, 2);
            r.Width = 5;
            r.Height = 5;
            Brush b = new SolidBrush(Color.Black);
            Pen p = new Pen(b);
            e.Graphics.DrawLine(p, r.X, r.Y, r.X + r.Width, r.Y + r.Height);
            e.Graphics.DrawLine(p, r.X + r.Width, r.Y, r.X, r.Y + r.Height);

            string titel = this.TabPages[e.Index].Text;
            Font f = this.Font;
            e.Graphics.DrawString(titel, f, b, new PointF(r.X + 5, r.Y));
        }
        protected override void OnMouseClick(MouseEventArgs e)
        {
            Point p = e.Location;
            for (int i = 0; i < TabCount; i++)
            {
                Rectangle r = GetTabRect(i);
                r.Offset(2, 2);
                r.Width = 5;
                r.Height = 5;
                if (r.Contains(p))
                {
                    CloseTab(i);
                }
            }
        }

        private void CloseTab(int i)
        {
            if (PreRemoveTabPage != null)
            {
                bool closeIt = PreRemoveTabPage(i);
                if (!closeIt)
                    return;
            }
            TabPages.Remove(TabPages[i]);
        }
    }
}

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

About the Author

Yoramo

Architect

Israel Israel

Member



Sign Up to vote   Poor Excellent
Add a reason or comment to your vote: x
Votes of 3 or less require a comment

Comments and Discussions

 
You must Sign In to use this message board. (secure sign-in)
 
Search this forum  
 FAQ
    Noise  Layout  Per page   
  Refresh
Newssources of a similar control Pinmemberjrocnuck16:42 28 Mar '07  
Questiongreat code, image? PinmemberNorberto Olazabal16:29 28 Mar '07  
AnswerRe: great code, image? PinmemberYoramo4:22 31 Mar '07  
GeneralTight code Pinmemberskeletal4523:30 27 Feb '07  
GeneralOnMouseDown -- no valid operation PinmemberFish198111:36 3 May '06  
GeneralRe: OnMouseDown -- no valid operation PinmemberFish198111:43 3 May '06  
AnswerRe: OnMouseDown -- no valid operation PinmemberYoramo13:55 3 May '06  
GeneralRe: OnMouseDown -- no valid operation PinmemberFish19814:03 5 May '06  
GeneralGreat Code Pinmemberfiredraken18:08 23 Mar '06  
GeneralRe: Great Code PinmemberYoramo19:00 23 Mar '06  
GeneralRe: Great Code Pinmemberfiredraken19:45 23 Mar '06  
GeneralRe: Great Code PinmemberYoramo6:36 24 Mar '06  
GeneralVisual style lost PinmemberNikhil_be_IT22:53 13 Mar '06  
GeneralRe: Visual style lost PinmemberYoramo18:56 23 Mar '06  
GeneralRe: Visual style lost Pinmemberzvi12346723:27 20 Sep '10  
Generalw00t PinmemberBerger20069:44 4 Jan '06  
Nice, Exactly what I was looking for Smile | :)
GeneralRe: w00t PinmemberYoramo21:22 14 Jan '06  

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.

Permalink | Advertise | Privacy | Mobile
Web02 | 2.5.120529.1 | Last Updated 12 Dec 2005
Article Copyright 2005 by Yoramo
Everything else Copyright © CodeProject, 1999-2012
Terms of Use
Layout: fixed | fluid