How can I prevent tabbing to a UserControl?

10.8k views Asked by At

I have a custom Popup that overlays part of my screen. When it is open, I want to disable tabbing into the UserControl behind it. I do not want to use the IsEnabled property because I do not want to gray out all the controls.

Is there another property that does the same thing? IsTabStop only prevents the tab from stopping on the UserControl itself, not it's children, and IsFocusable isn't a valid property for a UserControl.

6

There are 6 answers

0
LPL On BEST ANSWER

Use the KeyboardNavigation.TabNavigation Attached Property with KeyboardNavigationMode.None on your container control.

KeyboardNavigation.TabNavigation="None"
0
Louis Kottmann On

You could write an attached property that you would set in the top element.
That attached property would recursively set IsTabStop to false in all the child elements.

Let me know if you need any help getting this to work.

3
Diego Mijelshon On

You can bind IsTabStop on the child controls to IsTabStop on the UserControl.

That way, you only have to set it once.

0
Arsen Khachaturyan On

This worked for me:

// ...

var applicationWindow = Application.Current?.MainWindow;
if (applicationWindow != null)
{
    KeyboardNavigation.SetIsTabStop(
        element: applicationWindow, 
        isTabStop: false);

    KeyboardNavigation.SetTabNavigation(
        element: applicationWindow, 
        mode: false);
}

// ...

Note: it is good to have a backup plan for restoring the Keyboard navigation in case if the above is needed only temporarily.

0
Tono Nam On

Just bind that property to the user control.

    <UserControl x:Class="PDV.UserControls.InputField"
                 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                 // etc... then:                     
                 x:Name="Root" KeyboardNavigation.TabNavigation="Local" >

        <Grid>
           <TextBox Name="textBox"  
                TabIndex="{Binding Path=TabIndex, ElementName=Root}" 
                IsTabStop="{Binding Path=IsTabStop, ElementName=Root}"  />                
        </Grid>
    </UserControl>
0
wulf11 On

The solution with KeyboardNavigation.TabNavigation="None" seems to bubble up to all other parent containers in my case. This is maybe not wanted in some scenarios. So I came up with a PreviewKeyDown-Event in code behind like this:

    private void OnPreviewKeyDown(object sender, KeyEventArgs e)
    {
        if (e.Key == Key.Tab)
        {
            ((Control)sender).Focus(); 
            e.Handled = true;
        }
    }