Prism: How to render one view on top of another

Question

We have a Prism/WPF application and are using an expander to animate a menu.

When the expander expands, the content is rendered behind the main region's content.

The menu is in a different region than the content it is supposed to overlay (since the menu governs what items go into that region) which is why this is occurring. We have tried setting the Z-Index of the ContentControls to no avail.

Answer 1

If you put two things in the same Grid cell, they overlay. Here's an example where I overlay two images in a grid, but don't specify a cell (meaning column 0, row 0):

<Grid>
     <Image Source="blah.jpg" />
     <Image Source="another.jpg" />
</Grid>

Generally you will want to look more toward layout panels for things like this, rather than traditional Z-Order type of strategies.