Add DropShadow to a Custom made Window (Blend)

xperator picture xperator · May 24, 2013 · Viewed 8.3k times · Source

I am creating a custom Window form using Blend. (by setting AllowTransparency to True)

I've finished the design and it works pretty well. Now I want to add Shadow effect to it. (DropShadowEffect)

I can't do that because the Window itself is hidden so the effect won't show. And it doesn't work on the main Grid. No luck with adding a border and give the shadow to it.

Answer

xperator picture xperator · May 24, 2013

Ok I found the answer. ( With some help from this page )

First of all, Set the window's AllowTransparency to True. Then change it's Background to No Brush

Lets say you have something like this: (Ignore the Rectangle and Borders)

enter image description here

Then change the Grid's Background to White color. Now click on your Window and Add about 15 pixels to its width and height.

enter image description here

And change the Shadow settings:

enter image description here

Now you can see the shadow :)

enter image description here

I think you got the idea how this is working. Remember you can still play around with the Window height/weight and the Shadow settings to get a better effect.