100

Is there a way to disable a tab in a TabControl?

1
  • 1
    I would either remove the tab or replace its content with an explanation...
    – Phil1970
    Commented Nov 28, 2016 at 20:18

27 Answers 27

98

Cast your TabPage to a Control, then set the Enabled property to false.

((Control)this.tabPage).Enabled = false;

Therefore, the tabpage's header will still be enabled but its contents will be disabled.

11
  • 6
    I think this misses the point of disabling the tab, itself. The user is not supposed to be able to select it and see the contents.
    – ThunderGr
    Commented Oct 19, 2012 at 10:18
  • 3
    That may be your use case but I think its useful if the tab needs to be read-only because of some rights. Commented Nov 29, 2012 at 13:27
  • 10
    Why need downcasting TabPage to Control? We can invoke Enabled property from TabPage due to polymorphism.
    – Eldar
    Commented Aug 12, 2013 at 22:44
  • 2
    Not sure if it ever was different but today it is utter nonsense. 69 upvoters in the wrong. Ouch..
    – TaW
    Commented May 26, 2016 at 13:03
  • 2
    No. The cast was and is unnecessary. And of course the TabPage is not disbled at all: It can be selected.
    – TaW
    Commented Jun 2, 2016 at 13:21
89

The TabPage class hides the Enabled property. That was intentional as there is an awkward UI design problem with it. The basic issue is that disabling the page does not also disable the tab. And if try to work around that by disabling the tab with the Selecting event then it does not work when the TabControl has only one page.

If these usability problems do not concern you then keep in mind that the property still works, it is merely hidden from IntelliSense. If the FUD is uncomfortable then you can simply do this:

public static void EnableTab(TabPage page, bool enable) {
    foreach (Control ctl in page.Controls) ctl.Enabled = enable;
}
2
  • 8
    I wonder what is the back story for not allowing toggling of tab visibility Commented May 29, 2015 at 18:25
  • Thanks for explaination, this solution is better. Commented Sep 18, 2022 at 8:46
77

You can simply use:

tabPage.Enabled = false;

This property is not shown, but it works without any problems.

You can program the Selecting event on TabControler to make it impossible to change to a non-editable tab:

private void tabControler_Selecting(object sender, TabControlCancelEventArgs e)
{
    if (e.TabPageIndex < 0) return;
    e.Cancel = !e.TabPage.Enabled;
}
3
  • 3
    How bizarre.. this also seems to be true of the Visible property, although it didn't seem to actually have any visual effect when I tested it.
    – Alfie
    Commented Sep 16, 2013 at 12:13
  • @Alfie Its because TabPage inherits from the following hierarchy: Control > ScrollableControl > Panel > TabPage, the Enable, Visible etc. behaviour is polymorphic. Commented Apr 28, 2015 at 14:46
  • Works like a charm, why it's not shown in the wizard? Commented Sep 18, 2022 at 8:30
58

You could register the "Selecting" event and cancel the navigation to the tab page:

private void tabControl1_Selecting(object sender, TabControlCancelEventArgs e)
{
    if (e.TabPage == tabPage2)
        e.Cancel = true;
}

Another idea is to put all the controls on the tabpage in a Panel control and disable the panel! Smiley

You could also remove the tabpage from the tabControl1.TabPages collection. That would hide the tabpage.

Credits go to littleguru @ Channel 9.

2
  • 1
    More complete and the post i should have posted :) Commented Jan 6, 2009 at 20:56
  • 2
    This is a bloody brilliant solution!!
    – Cornelius
    Commented Nov 10, 2014 at 18:36
14

Presumably, you want to see the tab in the tab control, but you want it to be "disabled" (i.e., greyed, and unselectable). There is no built-in support for this, but you can override the drawing mechanism to give the desired effect.

An example of how to do this is provided here.

The magic is in this snippet from the presented source, and in the DisableTab_DrawItem method:

this.tabControl1.DrawMode = TabDrawMode.OwnerDrawFixed;
this.tabControl1.DrawItem += new DrawItemEventHandler( DisableTab_DrawItem );
5
  • 1
    Example link now appears to be dead.
    – Narthring
    Commented Nov 1, 2012 at 16:29
  • 1
    @Narthring - Thanks, I've substituted the link for a working one.
    – Stewart
    Commented Nov 7, 2012 at 14:21
  • 2
    @Narthring It's dead again.
    – Sukasa
    Commented Feb 21, 2014 at 21:32
  • This is the "real" answer to this question. There is a record of the dead link from waybackmachine: [web.archive.org/web/20131102065816/http://….
    – Joe Uhren
    Commented Jan 16, 2015 at 3:56
  • 1
    One improvement to this answer...add an EnabledChanged event-handler to each of your tabs, and have the event-handler call Invalidate() on the tab-control. That way, the text-color will update automatically.
    – ulatekh
    Commented Jun 19, 2018 at 20:40
13

Extending upon Cédric Guillemette answer, after you disable the Control:

((Control)this.tabPage).Enabled = false;

...you may then handle the TabControl's Selecting event as:

private void tabControl_Selecting(object sender, TabControlCancelEventArgs e)
{
    e.Cancel = !((Control)e.TabPage).Enabled;
}
4
  • With this, controls on the TabPage are disabled but TabPage remains selectable Commented Mar 7, 2022 at 12:07
  • 1
    @SyedIrfanAhmad This answer is nearly 10 years old, and it still works correctly. If you're experiencing an issue, you may post a question. Commented Mar 7, 2022 at 17:01
  • 1
    You are right @rfmodulator I just realized somehow missed the second part of your answer regarding handling the "Selecting" event. I just tested it and it's working... Commented Mar 8, 2022 at 6:47
  • @SyedIrfanAhmad But the answer by Lecsox is better. Commented Mar 8, 2022 at 17:12
8

This will remove the tab page, but you'll need to re-add it when you need it:

tabControl1.Controls.Remove(tabPage2);

If you are going to need it later, you might want to store it in a temporary tabpage before the remove and then re-add it when needed.

2
  • I think it works perfectly when you wish to check, on the Load event of the form, if the user is eligible to access this tab and if not, just remove it, altogether.
    – ThunderGr
    Commented Oct 19, 2012 at 10:14
  • This did exactly what I needed which was to get the tab out of visibility unless I want to come back later and add it back to the user experience, perfect solution for when you don't want to remove the tab altogether from the project.
    – J_L
    Commented May 7, 2021 at 21:35
6

The only way is to catch the Selecting event and prevent a tab from being activated.

0
3

The most tricky way is to make its parent equals null (make the tab alone without parent):

 tabPage.Parent = null;

And when you want to return it back (will return it back at the end of pages collection) :

tabPage.Parent = tabControl;

And if you want to return it back in a specific location among the pages you can use :

tabControl.TabPages.Insert(indexLocationYouWant, tabPage);
5
  • 1
    Its working good! :)..I have one question. When we return it back to the tabcontrol its adding final index. How to we add the tabpage at the same index from its initial stage. Commented Aug 4, 2017 at 8:35
  • 3
    If you want to return it back in a location that you want (not at the end), use: tabControl.TabPages.Insert(indexLocationYouWant, tabPage);
    – Amr Ashraf
    Commented Aug 29, 2017 at 9:50
  • 2
    Thank you for your answer @Amr Ashraf Commented Aug 29, 2017 at 9:55
  • This is not disabling the page, this is removing the page. Commented Jul 30, 2021 at 21:28
  • 1
    +1 Although it deals with page removing and OP asked for disabling it, initially I too wished to disable pages, but I realized that user experience benefited much more from removing and adding pages based on context than enabling or disabling them. Just be careful to not add same page more than once on event handling. Commented Jul 12, 2022 at 1:12
1

I had to handle this a while back. I removed the Tab from the TabPages collection (I think that's it) and added it back in when the conditions changed. But that was only in Winforms where I could keep the tab around until I needed it again.

0

I've removed tab pages in the past to prevent the user from clicking them. This probably isn't the best solution though because they may need to see that the tab page exists.

0

Using events, and the properties of the tab control you can enable/disable what you want when you want. I used one bool that is available to all methods in the mdi child form class where the tabControl is being used.

Remember the selecting event fires every time any tab is clicked. For large numbers of tabs a "CASE" might be easier to use than a bunch of ifs.

public partial class Form2 : Form
    {
        bool formComplete = false;

        public Form2()
        {
            InitializeComponent();

        }

        private void button1_Click(object sender, EventArgs e)
        {


            formComplete = true;
            tabControl1.SelectTab(1);

        }

        private void tabControl1_Selecting(object sender, TabControlCancelEventArgs e)
        {
            if (tabControl1.SelectedTab == tabControl1.TabPages[1])
            {

                tabControl1.Enabled = false;

                if (formComplete)
                {
                    MessageBox.Show("You will be taken to next tab");
                    tabControl1.SelectTab(1);

                }
                else
                {
                    MessageBox.Show("Try completing form first");
                    tabControl1.SelectTab(0);
                }
                tabControl1.Enabled = true;
            }
        }
    }
0
0

I've solved this problem like this: I've got 3 tabs and I want to keep user at the first tab if he didnt log in, so on the SelectingEvent of TabControl I wrote

if (condition) { TabControl.Deselect("2ndPage"); TabControl.Deselect("3dPage"); }
0

The user cannot click on tabs to navigate, but they can use the two buttons (Next and Back). The user cannot continue to the next if the //conditions are no met.

private int currentTab = 0;

private void frmOneTimeEntry_Load(object sender, EventArgs e)
{
    tabMenu.Selecting += new TabControlCancelEventHandler(tabMenu_Selecting);
}

private void tabMenu_Selecting(object sender, TabControlCancelEventArgs e)
{
    tabMenu.SelectTab(currentTab);
}

private void btnNextStep_Click(object sender, EventArgs e)
{
    switch(tabMenu.SelectedIndex)
    {
        case 0:
            //if conditions met GoTo
        case 2:
            //if conditions met GoTo
        case n:
            //if conditions met GoTo
    {
    CanLeaveTab:
    currentTab++;
    tabMenu.SelectTab(tabMenu.SelectedIndex + 1);
    if (tabMenu.SelectedIndex == 3)
        btnNextStep.Enabled = false;
    if (btnBackStep.Enabled == false)
        btnBackStep.Enabled = true;

    CannotLeaveTab:
        ;
}

private void btnBackStep_Click(object sender, EventArgs e)
{
    currentTab--;
    tabMenu.SelectTab(tabMenu.SelectedIndex - 1);
    if (tabMenu.SelectedIndex == 0)
        btnBackStep.Enabled = false;
    if (btnNextStep.Enabled == false)
        btnNextStep.Enabled = true;
}
0

tabControl.TabPages.Remove(tabPage1);

1
  • This is not disabling the page, this is deleting the page. There is a difference. Commented Jul 30, 2021 at 21:31
0

This is an old question, but someone may benefit from my addition. I needed a TabControl that would show hidden tabs successively (after an action was performed on the current tab). So, I made a quick class to inherit from and called HideSuccessive() on Load:

public class RevealingTabControl : TabControl
{
    private Action _showNextRequested = delegate { };

    public void HideSuccessive()
    {
        var tabPages = this.TabPages.Cast<TabPage>().Skip(1);
        var queue = new ConcurrentQueue<TabPage>(tabPages);
        tabPages.ToList().ForEach(t => t.Parent = null);
        _showNextRequested = () =>
        {
            if (queue.TryDequeue(out TabPage tabPage))
                tabPage.Parent = this;
        };
    }

    public void ShowNext() => _showNextRequested();
}
0

There is the XtraTabPage.PageEnabled property allowing you to disable certain pages.

0

I'm using the following code to disable the tab page with index 2 and to switch the focus to the tab page index 0.

    private void tabControl1_Selected(object sender, TabControlEventArgs e) {
        if( 2 == e.TabPageIndex) 
            tabControl1.SelectedIndex = 0;
    }
0

Here the solution that i implement:

   private void switchTapPage(TabPage tabPage)
    {
        tabControl1.TabPages.Clear();
        tabControl1.TabPages.Add(tabPage);
    }

Basically, i just call this method sending the tabPage that i currently need to show, the method will remove all the tabPages on the tabControl and after that it will just add the one that i sent it.

So the rest of the tabHeaders will not shown and they will be inaccessible, because they dont even exists in the tabControl.

I took the idea from the @stormenet answer.

-1

You can do it through the tabpages: tabPage1.Hide(), tabPage2.Show() etc.

2
  • 2
    I used it in windows ce 6.0 with .net compact framework 3.5 and it was working. Question does not give any clue about the platform. Where do you need this, web or desktop or mobile?
    – seyhan
    Commented Oct 22, 2013 at 11:14
  • .Hide() does not work Commented Mar 7, 2022 at 12:06
-1

In the form load event if we write this.tabpage.PageEnabled = false, the tabpage will be disabled.

5
  • Cannot see that Property
    – John
    Commented May 16, 2015 at 11:38
  • please check whether you tried it in the load event of the form ?
    – New
    Commented May 19, 2015 at 5:08
  • Just doubled checked now. Cannot see it.
    – John
    Commented May 19, 2015 at 8:26
  • please check whether you used this : private void XtraForm1_Load(object sender, EventArgs e) { this.xtraTabPage1.PageEnabled = false; } the XtraForm1 is the DevExpress XtraForm and the tabpage xtraTabPage is DevExpress XtraTabpage
    – New
    Commented May 20, 2015 at 5:58
  • Why didn't you say anything about DevExpress in your original answer...?
    – John
    Commented May 20, 2015 at 10:13
-1

Assume that you have these controls:

TabControl with name tcExemple.

TabPages with names tpEx1 and tpEx2.

Try it:

Set DrawMode of your TabPage to OwnerDrawFixed; After InitializeComponent(), make sure that tpEx2 is not enable by adding this code:

((Control)tcExemple.TabPages["tpEx2").Enabled = false;

Add to Selection tcExemple event the code below:

private void tcExemple_Selecting(object sender, TabControlCancelEventArgs e)
    {
        if (!((Control)e.TabPage).Enabled)
        {
            e.Cancel = true;
        }
    }

Attach to DrawItem event of tcExemple this code:

private void tcExemple_DrawItem(object sender, DrawItemEventArgs e)
    {
        TabPage page = tcExemple.TabPages[e.Index];
        if (!((Control)page).Enabled)
        {
            using (SolidBrush brush = new SolidBrush(SystemColors.GrayText))
            {
                e.Graphics.DrawString(page.Text, page.Font, brush, e.Bounds);
            }
        }
        else
        {
            using (SolidBrush brush = new SolidBrush(page.ForeColor))
            {
                e.Graphics.DrawString(page.Text, page.Font, brush, e.Bounds);
            }
        }
    }

It will make the second tab non-clickable.

1
  • Yeah, but you're using DrawString, which makes the tab test look noticeably different to standard tab controls. What you want there is TextRenderer. Commented Jul 30, 2021 at 21:30
-1

I could not find an appropriate answer to the question. There looks to be no solution to disable the specific tab. What I did is to pass the specific tab to a variable and in SelectedIndexChanged event put it back to SelectedIndex:

//variable for your specific tab 
int _TAB = 0;

//here you specify your tab that you want to expose
_TAB = 1;
tabHolder.SelectedIndex = _TAB;

private void tabHolder_SelectedIndexChanged(object sender, EventArgs e)
{
    if (_TAB != 0) tabHolder.SelectedIndex = _TAB;
}

So, you don't actually disable the tab, but when another tab is clicked it always returns you to the selected tab.

-1

in C# 7.0, there is a new feature called Pattern Matching. You can disable all tabs via Type Pattern.

foreach (Control control in Controls)
{
    // the is expression tests the variable and 
    // assigned it to a new appropriate variable type
    if (control is TabControl tabs)
    {
        tabs.Enabled = false;
    }
}
1
  • This does not answer the OP's question. Commented Jul 30, 2021 at 21:26
-2

Use:

 tabControl1.TabPages[1].Enabled = false;

By writing this code, the tab page won't be completely disabled (not being able to select), but its internal content will be disabled which I think satisfy your needs.

1
  • I think it doesn't. Commented Jul 30, 2021 at 21:32
-2

The solution is very simple.

Remove/comment this line

this.tabControl.Controls.Add(this.YourTabName);

in IntializeComponent() method in MainForm.cs

-4
MyTabControl.SelectedTab.Enabled = false;
1
  • With this, controls on the TabPage are disabled but TabPage remains selectable Commented Mar 7, 2022 at 12:07

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.