This is a migrated thread and some comments may be shown as answers.

Dropshadow Effect

4 Answers 179 Views
Window
This is a migrated thread and some comments may be shown as answers.
heavywoody
Top achievements
Rank 1
heavywoody asked on 28 Feb 2013, 04:51 PM
Is it possible to put a dropshadow effect around the RadWindow that pops up?

4 Answers, 1 is accepted

Sort by
0
Masha
Telerik team
answered on 05 Mar 2013, 11:22 AM
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

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

0
Pablo
Top achievements
Rank 1
answered on 09 Aug 2013, 05:55 PM
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.
0
Masha
Telerik team
answered on 14 Aug 2013, 08:45 AM
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
TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for WPF.
Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
Sign up for Free application insights >>
0
Dennis
Top achievements
Rank 1
answered on 12 Dec 2013, 04:25 PM

 

<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.

Tags
Window
Asked by
heavywoody
Top achievements
Rank 1
Answers by
Masha
Telerik team
Pablo
Top achievements
Rank 1
Dennis
Top achievements
Rank 1
Share this question
or