forum

Home / DeveloperSection / Forums / How can I hide the popup, when mouse click on anywhere outside using wpf?

Ask Question

How can I hide the popup, when mouse click on anywhere outside using wpf?

Anonymous User 11669 19-Aug-2013
Hi developers!

I got my UserControl that contain:

    Button

    Popup (contain Text block)

.XAML file 

<UserControl>

<button Name="btnShowPopup" Content="Button" Click=" btnShowPopup _Click"/>

<Popup Name="popup" StaysOpen="true">

<TextBlock Text="Popup"/>

</Popup>

</UserControl> 

Code Behide 

private void btnShowPopup _Click(object sender, System.Windows.RoutedEventArgs e)

{

   this.popup.IsOpen=!this.popup.IsOpen;

}

QUESTION: I want to hide the popup, when mouse click on anywhere outside the btnShowPopup button.

please help me. thank in advance!

wpf wpf 
Updated on 19-Aug-2013
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

shreesh chandra shukla

shreesh chandra shukla

19-Aug-2013
Hi!

You can use to ToggleButton instead of button it would easy.

<ToggleButton x:Name="myToggleButton" />
<Popup x:Name="Popup"
    IsOpen="{Binding Path=IsChecked, ElementName= myToggleButton }"
    Placement="Right"
    PlacementTarget="{Binding ElementName= myToggleButton }"
    AllowsTransparency="True" 
    Focusable="False"
    PopupAnimation="Fade"
    StaysOpen="False">
    <Textblock Text="Write Here content" />
</Popup>

Liked By