Accordion control hides behind another control, how to bring it to front?

Question

How can I get the accordion control which is defined in Grid row 0 go ON TOP of another panel which is defined in Grid row 1.....

<Grid x:Name="MainGrid" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <toolkit:Accordion SelectionMode="ZeroOrOne" 
                           Grid.Row="0">
            <toolkit:AccordionItem Header='Pan Window'>

                <toolkit:AccordionItem.Content>
........
        </toolkit:AccordionItem.Content>

            </toolkit:AccordionItem>
        </toolkit:Accordion>


        <Grid  x:Name="LayoutRoot" Grid.Row="1">
...........
        </Grid>

The problem is that my Accordion control opens but is hidden behind the LayoutRoot grid...

Answer 1

Did you try setting the Canvas.ZIndex to be greater than the grid below it?

 <toolkit:Accordion SelectionMode="ZeroOrOne" Grid.Row="0" Canvas.ZIndex="1">