Stackpanel dock="Top" not fill overlap

How-to Discussions
1

Hi,

Overflow Fill color not working in dock=“Top” stackpanel. Is there any solution… Give me

Once Remove Dock=“Top” from Stackpanel Working Fine. why???

file
i5UlhIydg0mC-legacy-files-OxOzh3L08SJHrM0L-2eAUry5oJORL5uVIHfc1MyJd.jpg859×151

file

2

App can have only a single node in it (we have an issue to produce an error when there are more). In your sample code the Rectangle is just completely ignored and the StackPanel becomes the only child. This also means Dock="Top" does nothing since it isn’t inside a DockPanel (note that ClientPanel is a type of DockPanel).

<App Theme="Basic" Background="#fff">
    <ClientPanel>
        <Rectangle Filll="#000" ux:Name="fader" Layer="Overlay"/>
        <StackPanel Dock="Top" ux:Name="TopHeader">...</StackPanel>
    </ClientPanel>
</App>

I’m not certain what you’re trying to achieve, I’m guessing a black fader on top of the panel. Notice that I put Layer="Overlay" on the Rectangle, this takes it outside of the normal layout and positions it on top of the other children. The default layout settings also ensure it is stretched to fill the entire parent, the ClientPanel in this case.

3

Super Bro :slight_smile:

I have only add Layer=“Overlay” Property… Working Fine

Good :slight_smile: