Windows universal app - Show popup grid from parent control

Question

I'm struggling to get something similiar to what I painted in Photoshop (took over 9000 hours).

Basically our Windows app for tablets needs a control that shows an onscreen grid when clicked. The data genesis and grid preparation occurs in codebehind of the control and I don't know how to draw the grid outside of my control. Even simple popup control would be fine if I could get it outside the parent boundaries.

Link's dead to "what I painted" at the moment, fwiw. – ruffin Oct 05 '16 at 17:21 — ruffin, Oct 05 '16 at 17:21

score 1 · Accepted Answer · edited May 23 '17 at 10:34

You could use a flyout:

<Button Width="100" Height="100" Background="Black">
    <Button.Flyout>
        <Flyout Placement="Bottom">
            <Grid Width="200" Height="200">
                <StackPanel>
                    <Rectangle Fill="Red" Width="100" Height="100" />
                    <Rectangle Fill="Green" Width="100" Height="100" />
                </StackPanel>
            </Grid>
        </Flyout>
    </Button.Flyout>
</Button>

also you can prepare your own popup:

How to center a popup in window (Windows store apps)

Windows universal app - Show popup grid from parent control

1 Answers1