Make sure size of shadow host and shadow visual always stay in sync Var shadowVisual = compositor.CreateSpriteVisual() ĮlementCompositionPreview.SetElementChildVisual(shadowHost, shadowVisual) Var dropShadow = compositor.CreateDropShadow() ĭropShadow.Color = Color.FromArgb(128, 0, 0, 0) Visual hostVisual = ElementCompositionPreview.GetElementVisual(shadowHost) Ĭompositor compositor = hostVisual.Compositor Private void InitializeDropShadow(UIElement shadowHost) Private void AboutElement_Loaded(object sender, RoutedEventArgs e) Rectangle.Fill = new SolidColorBrush(Colors.Transparent) Var popup = VisualTreeHelper.GetOpenPopups(Window.Current).FirstOrDefault(p=> p.Child is Rectangle) Private void AboutElement_Loading(FrameworkElement sender, object args) Public sealed partial class AboutElement : UserControl

Note: Clicked is for (keyboard enter, mouse click and touch tap), and Tapped is for (tapped and click). We have to make transparent the rectangle that appears when a Content Dialog is shown and when the button is Clicked make it disappear.

The rest is from the values the Visual Tree of Paint 3D.

To make easy the position of the button I decided to set it inside and avoid the buttons the DialogContent has.

The rule of creating a Canvas for the host is based on the latest documentation from MSDN about The Visual Layer with XAML.

The original DBP3 has a size of 484×332 so to avoid adding many values I decided to set that size + 2×4 and the Margins 20 and 18 make the game to have the panel inside and the shadow outside.

Let’s create a UserControl or a Templated Control with the following XAML structure: Now in the Page we are, or here in App.xaml if you prefer, add the following style to override all paddings and margins: With that you know what are the properties to change and ThemeResources to replace its values. ( If you find the App useful consider about tapping the menu – smile – remove ads, it really helps.) To do that, you can find the file or just use UWP Technical guide : The first thing we have to do is customize the parameters of the content dialog.

The Composition shadow instead 7 borders around the control.

It has appear and disappear transitions so it works pretty well.

The Content Dialog class instead of a custom one and trying to disable elements.

After analyzing the Dialog Box from Paint 3D (DBP3), I decided to create one by myself.

How to show grid in paint 3d