Disable UI Interaction while PopUp is open in Windows-8 store apps

Post date: Sep 24, 2014 1:55:23 PM

I came across the scenario where I need to make some part of UI should have gray background color  while My custom popup is visible. 

Those gray area should not receive any UI interaction from user.

So I have put SwapChainPanel on top of the area where you need to disable the UI Interaction.

   <SwapChainPanel x:Name="DirectX"  Margin="0,60,0,0" Grid.Row="0" Grid.RowSpan="3"

                         Visibility="{Binding IsAnyPopOverShown, Converter={StaticResource BooleanToVisibilityConverter }}"

Then change the binding property "IsAnyPopOverShown" as "True" or "False" in order to show/hide the this panel.