I want to set shadow for popup in my project.but when I run it, the shadow does not appear. I wrote this codes:
<Popup x:Name="popup" IsOpen="False" Width="200" Height="200" Placement="AbsolutePoint" AllowsTransparency="True" PopupAnimation="Fade" >
<Grid>
<Border BorderThickness="1" Background="#FF4CAAC7" CornerRadius="6" >
<Border.Effect>
<DropShadowEffect BlurRadius="15" Opacity="0.8" ShadowDepth="10" Direction="-90" RenderingBias="Quality" />
</Border.Effect>
<StackPanel Orientation="Horizontal">
<Grid Width="200" Background="Transparent">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<TextBlock Grid.Row="0" FontWeight="Bold" TextAlignment="Right" Margin="10">Operation was successful</TextBlock>
</Grid>
</StackPanel>
</Border>
</Grid>
</Popup>
in design shadow show.in run not show.what is problem?!!
The drop shadow is getting cut off at the inner edge of the Popup
. Make more room for it in the Popup by giving the Border a sufficient margin to create room for the shadow to be seen around it.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With