Question

I have a small WPF application where i am displaying an image. I would like to have a kind of transparent navigation panel in the bottom, where i have several small buttons (rotate left/right, pan etc.). But how to make the navigation panel in front of the image? I have tried with a grid with two rows, but obviously the navigationpanel is not hovering “on top” of the image, but is in the row below. Any ideas?

Edit: Is the solution to make another window and place that one? or can it be done within the same grid?

Edit: Its like the toolbar in the bottom of windows Vista/7 where u can see the window “behind” it through it.

Answer 1

Try a grid with just 1 row, and align the navigation bar to the bottom, and give it an opacity to make it translucent.

<Grid>
    <Image.../>
    <Grid Name="NavBar" VerticalAlignment="Bottom" Opacity="50%">...</Grid>
</Grid>