Home/ Questions/Q 8446011
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T09:48:47+00:00

<Grid x:Name=LayoutRoot> <Button x:Name=BtnNavigateTabIndex Content=NavigateTabIndex Margin=152,200,0,190 HorizontalAlignment=Left Width=120/> <TextBox x:Name=TextBox_1 HorizontalAlignment=Left Height=48 Margin=120,64,0,0 TextWrapping=Wrap

  • 0
<Grid x:Name="LayoutRoot">
    <Button x:Name="BtnNavigateTabIndex" Content="NavigateTabIndex" Margin="152,200,0,190" HorizontalAlignment="Left" Width="120"/>
    <TextBox x:Name="TextBox_1" HorizontalAlignment="Left" Height="48" Margin="120,64,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="80"/>
    <TextBox x:Name="TextBox_2" HorizontalAlignment="Left" Height="48" Margin="120,128,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="80"/>
    <PasswordBox x:Name="PasswordBox_1" HorizontalAlignment="Left" Height="48" Margin="224,64,0,0" VerticalAlignment="Top" Width="72"/>
    <PasswordBox x:Name="PasswordBox_2" HorizontalAlignment="Left" Height="48" Margin="224,128,0,0" VerticalAlignment="Top" Width="72"/>
</Grid>

The design will will be like below.

enter image description here

If i click the button(NavigateTabIndex),The cursor should be navigate to TextBox or PasswordBox.
For EX: If you click the Tab Key in you Keyboard,the cursor would navigate.This is the scenario what i need .

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In general there are a lot of gotchas with WPF focussing….some bugs even.

    You need to understand the difference between Logical and Keyboard focus.

    When using FocusScopes you can use:

    MoveFocus with a TraversalRequest(FocusNavigationDirection.Next)

    to change the logical focus to the next item in the scope.

    An alternative to using FocusScopes is to track the GotFocus/LostFocus events and manage it yourself.

    Some more links:

    Ok here’s some example code for you. I took the liberty to redesign your use of the Grid a bit, to follow more conventional layout practice.

    using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfApplication5
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void BtnNavigateTabIndex_Click(object sender, RoutedEventArgs e)
        {
            UIElement focussedelement = FocusManager.GetFocusedElement(grid1) as UIElement;

            bool bmovedfocus = focussedelement.MoveFocus(new TraversalRequest(FocusNavigationDirection.Next));

            if (bmovedfocus)
            {
                UIElement withfocusnow = FocusManager.GetFocusedElement(grid1) as UIElement;

                if (withfocusnow == focussedelement) // focus didn't change! because end of focus group..need to put it back to the start
                {
                    TextBox_1.Focus();
                }
            }
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            TextBox_1.Focus();
        }
    }
}


    <Window x:Class="WpfApplication5.MainWindow"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            xmlns:local="clr-namespace:WpfApplication5"
            Title="MainWindow" Height="350" Width="525" Loaded="Window_Loaded">
        <StackPanel>
            <Grid x:Name="grid1" FocusManager.IsFocusScope="True">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                <TextBox Margin="10" Grid.Row="0" Grid.Column="0" x:Name="TextBox_1" HorizontalAlignment="Left" Height="48" TextWrapping="Wrap" VerticalAlignment="Top" Width="80"/>
                <PasswordBox Margin="10" Grid.Row="0" Grid.Column="1" x:Name="PasswordBox_1" HorizontalAlignment="Left" Height="48" VerticalAlignment="Top" Width="72"/>
                <TextBox Margin="10" Grid.Row="1" Grid.Column="0" x:Name="TextBox_2" HorizontalAlignment="Left" Height="48" TextWrapping="Wrap" VerticalAlignment="Top" Width="80"/>
                <PasswordBox Margin="10" Grid.Row="1" Grid.Column="1" x:Name="PasswordBox_2" HorizontalAlignment="Left" Height="48" VerticalAlignment="Top" Width="72"/>
                <Button FocusManager.IsFocusScope="True" Padding="20" HorizontalAlignment="Center" Grid.Row="2" Grid.ColumnSpan="2" x:Name="BtnNavigateTabIndex" Content="NavigateTabIndex"  Width="120" Click="BtnNavigateTabIndex_Click" />
            </Grid>
        </StackPanel>
    </Window>
    • 0