Z-Index alike property for StackPanel children?

Question

I have a StackPanel that has two Items: ToggleButton and ListBox. To make the listBox looks like it's a part of the toggle button -by hiding the sharp edges

I'm thinking to give it negative margin so it moves upward, but this presumes that it's positioned under the StackPanel which is not the case, and when I give it negative margin it covers the button. So is there a way to control how items inside StackPanel are stacked over each other, something like Z-Index in CSS?

https://stackoverflow.com/questions/4824518/why-zindex-is-not-considered-in-arrange-override-of-a-stackpanel That might help? — Josh, Feb 06 '18 at 14:53

score 1 · Accepted Answer · answered Feb 06 '18 at 16:39

1

There is a Panel.ZIndex attached property. Set it to a larger value for the ToggleButton if you don't want the ListBox to cover it:

<StackPanel>
    <ToggleButton Content="Toggle" Panel.ZIndex="1" />
    <ListBox Margin="0 -10 0 0" Panel.ZIndex="0">
        <ListBoxItem>1</ListBoxItem>
        <ListBoxItem>2</ListBoxItem>
        <ListBoxItem>3</ListBoxItem>
    </ListBox>
</StackPanel>

answered Feb 06 '18 at 16:39

mm8

163,881
10
57
88

How is it available even if there is no parent `Panel`, even the intellisense couldn't recognize it?! – mshwf Feb 07 '18 at 05:27
@mshwf `StackPanel` is a `Panel`. – JVal90 May 31 '23 at 15:10

Z-Index alike property for StackPanel children?

1 Answers1