dismiss dialog in child elements list

General
1

Hi

im looking for solution how to solve this problem.

https://drive.google.com/open?id=0B_fhBUhKC9xoTm5KVFVrenZQV1E

here’s the video what I implemented.

to dismiss the first dialog I set background panel like this

<Button>
	<Clicked> 
		<Show TargetNode="platformDialog" />
		<Show TargetNode="backgroundPanel" />
	</Clicked>
</Button>

<Rectangle ux:Name="backgroundPanel" Color="PrimaryText" Visibility="Hidden" ZOffset="1" Opacity="0">
	<Clicked> 
		<Hide TargetNode="backgroundPanel" />
		<Hide TargetNode="platformDialog" />
	</Clicked>
</Rectangle>

but couldn’t close dialog in child list because of those are inside of other component.

I hope there is any good ideas or solutions to control this situation.
thanks to read.