Issue in showing flyout in ContentDialog in 1903 and 1909

guess_me_if_u_can 126

CalenderDatePicker control is working fine in ContentDialog. but when i show a flyout control in a content dialog, it shows ContentDialog shadow in flyout region

1 answer

Richard Zhang-MSFT 6,936 Reputation points

2020-04-27T04:08:20.843+00:00
Hello,

Welcome to our Microsoft Q&A platform!

Hello, this is a problem caused by Shadow. If your minimum target version is 1903 or higher, you could use the following code to turn off the default shadow:

<Button.Flyout> <Flyout> <Flyout.FlyoutPresenterStyle> <Style TargetType="FlyoutPresenter"> <Setter Property="IsDefaultShadowEnabled" Value="False"/> </Style> </Flyout.FlyoutPresenterStyle> <Grid Width="400" Height="50" Background="Red"/> </Flyout> </Button.Flyout>

Thanks.
Please sign in to rate this answer.
guess_me_if_u_can 126 Reputation points

2020-04-28T14:05:55.387+00:00

@Richard Zhang-MSFT Thanks for the answer. But my minversion is 1803. Also i need shadow for flyout. can you please provide me the solution to remove the default shadow in 1903 and above version and use a customized shadow that supported from 1803 ?

Richard Zhang-MSFT 6,936 Reputation points

2020-04-29T01:54:10.127+00:00

Hello, the shadow produced by Flyout is only in 1903 and above, and its name is ThemeShadow. For a detailed introduction, you can view this document. In versions below 1903, you cannot set the shadow of Flyout. If you want to turn off the Flyout shadow in 1903 while maintaining support for 1803, you can use conditional XAML statements.

xmlns:contract8Present="http://schemas.microsoft.com/winfx/2006/xaml/presentation?IsApiContractPresent(Windows.Foundation.UniversalApiContract,8)" ... <Button.Flyout> <Flyout contract8Present:FlyoutPresenterStyle="{StaticResource FlyoutShadowStyle}"> <Rectangle Width="300" Height="40" Fill="Red"/> </Flyout> </Button.Flyout>

guess_me_if_u_can 126 Reputation points

2020-04-30T07:55:20.553+00:00

Hai @Richard Zhang-MSFT ,

i) i have tried your solution to disable shadow for flyout, but i faced a new issue. when i remove flyout shadow, the shadow of content dialog also removes. it gives an odd UI feel. can you please help on this. (screenshots attached)

ii) Also in screenshot 1, for IsDefaultShadowEnabled property it shows its min version as 1903. with conditional XAML, we are using it only for above 1903 version. Need to clarify that whether it will produce any issues in 1803 or 1809 machines on release build ?

Richard Zhang-MSFT 6,936 Reputation points

2020-05-01T00:29:30.607+00:00

Hello, on the first question, the closing of the shadow should be UWP's own rendering mechanism, it is a design.

Regarding the second question, I tested it on a 1803 device and it works.

Thanks.

guess_me_if_u_can 126 Reputation points

2020-05-01T04:45:20.193+00:00

@Richard Zhang-MSFT Isn't there any solution to remove flyout shadow alone without contentdialog shadow ? if not please help me to remove ContentDialog shadow while opening itself like we did for Flyout.

Richard Zhang-MSFT 6,936 Reputation points

2020-05-04T01:33:40.567+00:00

Sorry, this goal cannot be achieved by conventional methods. The Shadow of ContentDialog is added internally and attached to the root element of ContentDialog.

guess_me_if_u_can 126 Reputation points

2020-07-05T19:50:47.08+00:00

Hai @RichardZhang-MSFT , In my app i have supported from version 1803 and supported for multiple windows feature.

and i have used the style as follows

Everything works fine. But when i use this control in my secondary window, it throws an exception AccessViolationException - 'Attempted to read or write protected memory. This is often an indication that other memory is corrupt'. Kindly help.
Sign in to comment