Hello,
I am trying to add a drop shadow to the Tab Control DropDownMenu. Currently, I am applying the drop shadow effect to the outermost border within "Telerik_Windows_Controls_TabControl:DropDownMenu" Control Template. The only way I have been able to make the effect visible is by increasing the margins around the containing grid. The problem with this is the margins now push the border/dropdownmenu away from the DropDownMenuButton, so it appears to be floating on its own. Applying a RenderTransform to compensate for the shift only cuts off the drop shadow effect. I have attached an image demonstrating this behavior.
Any suggestions how to achieve the drop shadow effect without destroying the layout?
Thanks,
Frankie
I am trying to add a drop shadow to the Tab Control DropDownMenu. Currently, I am applying the drop shadow effect to the outermost border within "Telerik_Windows_Controls_TabControl:DropDownMenu" Control Template. The only way I have been able to make the effect visible is by increasing the margins around the containing grid. The problem with this is the margins now push the border/dropdownmenu away from the DropDownMenuButton, so it appears to be floating on its own. Applying a RenderTransform to compensate for the shift only cuts off the drop shadow effect. I have attached an image demonstrating this behavior.
<
ControlTemplate
TargetType
=
"{x:Type Telerik_Windows_Controls_TabControl:DropDownMenu}"
>
<
Grid
x:Name
=
"PopupContentElement"
Margin
=
"40,0,40,80"
RenderTransformOrigin
=
"0,0"
>
<
Grid.RenderTransform
>
<
TranslateTransform
X
=
"-40"
/>
</
Grid.RenderTransform
>
<
Border
BorderBrush
=
"#FF848484"
BorderThickness
=
"{TemplateBinding BorderThickness}"
Background
=
"White"
>
<
Border.Effect
>
<
DropShadowEffect
BlurRadius
=
"40"
Color
=
"Black"
Direction
=
"0"
Opacity
=
"0.85"
RenderingBias
=
"Quality"
ShadowDepth
=
"0"
/>
</
Border.Effect
>
Any suggestions how to achieve the drop shadow effect without destroying the layout?
Thanks,
Frankie