Dropshadow Effect

5 posts, 0 answers
  1. heavywoody
    heavywoody avatar
    79 posts
    Member since:
    Oct 2009

    Posted 28 Feb 2013 Link to this post

    Is it possible to put a dropshadow effect around the RadWindow that pops up?
  2. Masha
    Masha avatar
    355 posts

    Posted 05 Mar 2013 Link to this post

    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"/>
    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" >
            <DropShadowBitmapEffect Color="Black"  ShadowDepth="1"/>

    I hope this will be helpful.

    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. DevCraft R3 2016 release webinar banner
  4. Pablo
    Pablo avatar
    4 posts
    Member since:
    Dec 2011

    Posted 09 Aug 2013 Link to this post

    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.

  5. Masha
    Masha avatar
    355 posts

    Posted 14 Aug 2013 Link to this post

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

    I hope it helps.

    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 >>
  6. Dennis
    Dennis avatar
    5 posts
    Member since:
    Jan 2013

    Posted 12 Dec 2013 Link to this post


            <ScaleTransform ScaleX="0.95" ScaleY="0.95"/>
            <DropShadowEffect ShadowDepth="10"/>

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

Back to Top
DevCraft R3 2016 release webinar banner