How to make overlay control above all other controls?

by

If you are using a Canvas or Grid in your layout, give the control to be put on top a higher ZIndex.

From MSDN:

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" WindowTitle="ZIndex Sample">
  <Canvas>
    <Rectangle Canvas.ZIndex="3" Width="100" Height="100" Canvas.Top="100" Canvas.Left="100" Fill="blue"/>
    <Rectangle Canvas.ZIndex="1" Width="100" Height="100" Canvas.Top="150" Canvas.Left="150" Fill="yellow"/>
    <Rectangle Canvas.ZIndex="2" Width="100" Height="100" Canvas.Top="200" Canvas.Left="200" Fill="green"/>

    <!-- Reverse the order to illustrate z-index property -->

    <Rectangle Canvas.ZIndex="1" Width="100" Height="100" Canvas.Top="300" Canvas.Left="200" Fill="green"/>
    <Rectangle Canvas.ZIndex="3" Width="100" Height="100" Canvas.Top="350" Canvas.Left="150" Fill="yellow"/>
    <Rectangle Canvas.ZIndex="2" Width="100" Height="100" Canvas.Top="400" Canvas.Left="100" Fill="blue"/>
  </Canvas>
</Page>

If you don’t specify ZIndex, the children of a panel are rendered in the order they are specified (i.e. last one on top).

If you are looking to do something more complicated, you can look at how ChildWindow is implemented in Silverlight. It overlays a semitransparent background and popup over your entire RootVisual.

More Related Contents:

  1. How to Stretch WPF Tab Item Headers to Parent Control Width
  2. WPF ComboBox without drop-down button
  3. Difference between SelectedItem, SelectedValue and SelectedValuePath
  4. Binding ConverterParameter
  5. How do you bind a CollectionContainer to a collection in a view model?
  6. {x:Null} vs. Transparent?
  7. WPF Attached Property Data Binding
  8. How can I get ScrollViewer to work inside a StackPanel?
  9. Why are ActualWidth and ActualHeight 0.0 in this case?
  10. WPF: Slider with an event that triggers after a user drags
  11. Set a property of a nested element in an WPF style
  12. How do I convert a Color to a Brush in XAML?
  13. What is the difference between x:Reference and ElementName?
  14. XAML Combine styles going beyond BasedOn?
  15. How can I style the border and title bar of a window in WPF? [duplicate]
  16. WPF Some styles not applied on DataTemplate controls
  17. WPF – Global Style?
  18. How to format number of decimal places in wpf using style/template?
  19. WPF Animation “Cannot freeze this Storyboard timeline tree for use across threads”
  20. How to create trapezoid tabs in WPF tab control
  21. How to autosize and right-align GridViewColumn data in WPF?
  22. WPF C# button style
  23. Binding [VisualStateManager] view state to a MVVM viewmodel?
  24. Advanced XAML Animation effects. Pulse, Marching ants, Rotations. Alerts
  25. Binding in WPF to element of array specified by property
  26. HorizontalAlignment=Stretch, MaxWidth, and Left aligned at the same time?
  27. App.xaml file does not get parsed if my app does not set a StartupUri?
  28. How to disable a databound ListBox item based on a property value?
  29. How to access a control from a ContextMenu menuitem via the visual tree?
  30. How can I tell my DataTemplate to bind to a property in the PARENT ViewModel?

Leave a Comment