How to open a WPF Popup when another control is clicked, using XAML markup only?

by

I did something simple, but it works.

I used a typical ToggleButton, which I restyled as a textblock by changing its control template. Then I just bound the IsChecked property on the ToggleButton to the IsOpen property on the popup. Popup has some properties like StaysOpen that let you modify the closing behavior.

The following works in XamlPad.

 <StackPanel>
  <ToggleButton Name="button"> 
    <ToggleButton.Template>
      <ControlTemplate TargetType="ToggleButton">
        <TextBlock>Click Me Here!!</TextBlock>
      </ControlTemplate>      
    </ToggleButton.Template>
  </ToggleButton>
  <Popup IsOpen="{Binding IsChecked, ElementName=button}" StaysOpen="False">
    <Border Background="LightYellow">
      <TextBlock>I'm the popup</TextBlock>
    </Border>
  </Popup> 
 </StackPanel>

More Related Contents:

  1. Setting a property with an EventTrigger
  2. Difference between SelectedItem, SelectedValue and SelectedValuePath
  3. Binding ConverterParameter
  4. How do you bind a CollectionContainer to a collection in a view model?
  5. {x:Null} vs. Transparent?
  6. WPF Attached Property Data Binding
  7. How can I get ScrollViewer to work inside a StackPanel?
  8. Why are ActualWidth and ActualHeight 0.0 in this case?
  9. WPF: Slider with an event that triggers after a user drags
  10. Set a property of a nested element in an WPF style
  11. What’s the meaning of * (asterisk) in XAML ColumnDefinition?
  12. How can I style the border and title bar of a window in WPF? [duplicate]
  13. WPF Some styles not applied on DataTemplate controls
  14. How to get DataTemplate.DataTrigger to check for greater than or less than?
  15. WPF – Global Style?
  16. How to format number of decimal places in wpf using style/template?
  17. WPF Animation “Cannot freeze this Storyboard timeline tree for use across threads”
  18. Implement INotifyPropertyChanged on generated Entity Framework classes
  19. How to autosize and right-align GridViewColumn data in WPF?
  20. WPF C# button style
  21. Binding [VisualStateManager] view state to a MVVM viewmodel?
  22. Advanced XAML Animation effects. Pulse, Marching ants, Rotations. Alerts
  23. Binding in WPF to element of array specified by property
  24. HorizontalAlignment=Stretch, MaxWidth, and Left aligned at the same time?
  25. How to set DataGrid’s row Background, based on a property value using data bindings
  26. Boolean CommandParameter in XAML
  27. What is the difference for TargetType=”{x:Type Button}” and TargetType=”Button”?
  28. How can I specify letter spacing or kerning, in a WPF TextBox?
  29. How to set foreground and background colors on a WPF Menu control?
  30. Can you define multiple TargetTypes for one XAML style?

Leave a Comment