Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>If you are using a <code>Canvas</code> or <code>Grid</code> in your layout, give the control to be put on top a higher <code>ZIndex</code>.</p> <p>From <a href="http://msdn.microsoft.com/en-us/library/system.windows.controls.panel.zindex.aspx" rel="nofollow noreferrer">MSDN</a>:</p> <pre><code>&lt;Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" WindowTitle="ZIndex Sample"&gt; &lt;Canvas&gt; &lt;Rectangle Canvas.ZIndex="3" Width="100" Height="100" Canvas.Top="100" Canvas.Left="100" Fill="blue"/&gt; &lt;Rectangle Canvas.ZIndex="1" Width="100" Height="100" Canvas.Top="150" Canvas.Left="150" Fill="yellow"/&gt; &lt;Rectangle Canvas.ZIndex="2" Width="100" Height="100" Canvas.Top="200" Canvas.Left="200" Fill="green"/&gt; &lt;!-- Reverse the order to illustrate z-index property --&gt; &lt;Rectangle Canvas.ZIndex="1" Width="100" Height="100" Canvas.Top="300" Canvas.Left="200" Fill="green"/&gt; &lt;Rectangle Canvas.ZIndex="3" Width="100" Height="100" Canvas.Top="350" Canvas.Left="150" Fill="yellow"/&gt; &lt;Rectangle Canvas.ZIndex="2" Width="100" Height="100" Canvas.Top="400" Canvas.Left="100" Fill="blue"/&gt; &lt;/Canvas&gt; &lt;/Page&gt; </code></pre> <p>If you don't specify <code>ZIndex</code>, the children of a panel are rendered in the order they are specified (i.e. last one on top).</p> <p>If you are looking to do something more complicated, you can look at how <code>ChildWindow</code> is implemented in Silverlight. It overlays a semitransparent background and popup over your entire <code>RootVisual</code>.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload