unable to set focus on a control in Popup by using XAML only

Question

0.00/5 (No votes)

See more:

Hi

I have defined the style for a Popup control in my resource file and Popup itself in a UserControl.

Now i want that when my pop is Loaded the focus should be on the Button contained in the Popup Content of Popup

I want to do it in XAML only.

Below is my code:

HTML

<Style x:Key="myContentStyle" TargetType="{x:Type ContentControl}">
         <Setter Property="Template">
             <Setter.Value>
                 <ControlTemplate>
 
                <Button x:Name="DoneButton"
                                     HorizontalAlignment="Right"
                                     Grid.Row="4"
                                     Width="Auto"
                                     Margin="4,4,4,4"/>
 
        <ControlTemplate.Triggers>
                         <DataTrigger Binding="{Binding Path=IsOpen,RelativeSource={RelativeSource AncestorType=Popup}}" Value="True">
                            <Setter TargetName="DoneButton" Property="FocusManager.FocusedElement" Value="{Binding ElementName=DoneButton}" />
                         </DataTrigger>
                 </ControlTemplate.Triggers>
 
                </ControlTemplate>
             </Setter.Value>
         </Setter>
     </Style>
 




<!-- Embedded popup -->
 <Popup Style="{DynamicResourcemyPopupStyle}" > 
<ContentControlStyle="{DynamicResourcemyContentStyle}"/>
 
</Popup>

when i press the Tab button Focus is still on the Background windows controls.

Any help !!

Posted 13-Mar-12 14:42pm

rishi.kasnia

Updated 13-Mar-12 16:10pm

RaisKazi

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Mohamed Ahmed Abdullah · Answer 1 · 2012-03-15T09:44:00

I am sorry this is the right solution

first create a style for the border:

<style x:key="borderStyle" targettype="{x:Type Border}" xmlns:x="#unknown">
    <eventsetter event="Loaded" handler="OnBorderLoaded" />
</style>

then create your logic in the code behind:

private void OnBorderLoaded(object sender, RoutedEventArgs e)
{
    var border = sender as Border;
    if (border != null)
    {
        border.Child.Focus();
    }
}

the create your popup style and make the border take the earlier style:

<style x:key="myPopupStyle" targettype="{x:Type Popup}" xmlns:x="#unknown">
    <setter property="Child">
        <setter.value>
            <border background="White" style="{StaticResource borderStyle}">
                <button name="DoneButton" content="Done Button">
                             HorizontalAlignment="Right"
                             Grid.Row="4"
                             Width="Auto"
                             Margin="4,4,4,4">
                </button>
            </border>
        </setter.value>
    </setter>
</style>

finally make your popup and give it the right style:

<popup style="{StaticResource myPopupStyle}" grid.row="1" />

Clifford Nelson · Answer 2 · 2012-03-14T12:16:00

As far as I know there is no way to do this with available controls.

If you are willing to build a simple control, I would inherit form PopUp, and catch the OnOpen event and set the focus. The control to get focus would be set by a dependency property.

Another option is to create a bahaviour which basically does the same thing. In this case the bahavior property to do this would be the control to get focus.

unable to set focus on a control in Popup by using XAML only

2 solutions

Solution 3

Solution 2

Add your solution here

Preview 0