Dropshadow Effect

[heavywoody]

Is it possible to put a dropshadow effect around the RadWindow that pops up?

[Masha]

Hello Christian,

RadWindow style has default shadow set in the control template like this:

<Border x:Name="Shadow" CornerRadius="9" BorderBrush="#11000000" BorderThickness="1" Margin="0">
    <Border CornerRadius="8" BorderBrush="#22000000" BorderThickness="1">
        <Border CornerRadius="7" BorderBrush="#33000000" BorderThickness="1">
            <Border CornerRadius="6" BorderBrush="#44000000" BorderThickness="1"/>
        </Border>
    </Border>
</Border>

which could be found  under VisualStates of the control.

If you wish to modify it,you could set  DropShadow effect of the Border named WindowOuterBorder. For example :

<Border x:Name="WindowOuterBorder" Margin="2 2 4 4" Grid.RowSpan="2" >
    <Border.BitmapEffect>
        <DropShadowBitmapEffect Color="Black"  ShadowDepth="1"/>
    </Border.BitmapEffect>

I hope this will be helpful.

Greetings,
Maria
the Telerik team

[Pablo]

I followed your suggestion to add a shadow to the RadWindow, but when I maximize the window there's a gap between the edge of the screen and the window.
I think this is caused by the radwindow margin, but when I take out the margin, then the shadow does not show up.

Is there a way of using the RadWindow as the main window with a shadow and when maximized it occupies the entire screen?

I'm using implicit styles and overriding the radwindow style. Windows 8 Theme.

Thanks.

[Masha]

Hello Pablo,

You need to modify the control template of RadWindow style. Put the code snippet below inside VisualState named "Maximized" and the gap between the edge of the screen and the window will disappear.

  <ObjectAnimationUsingKeyFrames Storyboard.TargetName="WindowOuterBorder" Storyboard.TargetProperty="Margin">
    <DiscreteObjectKeyFrame KeyTime="0">
        <DiscreteObjectKeyFrame.Value>
            <Thickness>0</Thickness>
        </DiscreteObjectKeyFrame.Value>
    </DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>

I hope it helps.

Regards,
Masha
Telerik

[Dennis]

 

<telerik:RadWindow.RenderTransform>
        <ScaleTransform ScaleX="0.95" ScaleY="0.95"/>
</telerik:RadWindow.RenderTransform>
<telerik:RadWindow.Effect>
        <DropShadowEffect ShadowDepth="10"/>
</telerik:RadWindow.Effect>

This will make the trick, it will work even if you are using themes.