How to disable a Grid (Panel) in XAML Metro app?

Question

I want to emulate modal dialog in XAML Metro App.

So I was going to set .IsEnabled = false on all controls apart from the one which will pose as a modal dialog.

Answer 1

Set IsHitTestVisible = false on the background content.

Additionally you could set focus to something in your modal layer root and set TabNavigation to Cycle on the modal layer root to make sure that users can't tab/shift+tab out of it. Also make sure the modal layer is all hit test-solid - e.g. Transparent or has some other fill so users can't click through it.

Also make sure no Popups show while your modal layer is visible.