I've been using the standard buttons in my application, but there is a visual problem with using the standard button in RadPanelBarItem. So I'm trying to switch to RadButton instead.
One thing I've done with the standard buttons is that I've created a style that makes the button glow between its normal state and pressed state to indicate a button that must be pressed to proceed. (See the attached gif file).
http://www.telerik.com/ClientsFiles/299776_GlowingButton.gif
I'm looking at the style of the RadButton to see how I can implement the same thing there and I can't figure it out. Can anyone help with that.
Here is the style for the standard button: The relavant code is in the "Normal" Visual State
One thing I've done with the standard buttons is that I've created a style that makes the button glow between its normal state and pressed state to indicate a button that must be pressed to proceed. (See the attached gif file).
http://www.telerik.com/ClientsFiles/299776_GlowingButton.gif
I'm looking at the style of the RadButton to see how I can implement the same thing there and I can't figure it out. Can anyone help with that.
Here is the style for the standard button: The relavant code is in the "Normal" Visual State
<
Application.Resources
>
<
Style
x:Key
=
"BlinkingButton"
TargetType
=
"Button"
>
<
Setter
Property
=
"Background"
Value
=
"#FF1F3B53"
/>
<
Setter
Property
=
"Foreground"
Value
=
"#FF000000"
/>
<
Setter
Property
=
"Padding"
Value
=
"3"
/>
<
Setter
Property
=
"BorderThickness"
Value
=
"1"
/>
<
Setter
Property
=
"BorderBrush"
>
<
Setter.Value
>
<
LinearGradientBrush
EndPoint
=
"0.5,1"
StartPoint
=
"0.5,0"
>
<
GradientStop
Color
=
"#FFA3AEB9"
Offset
=
"0"
/>
<
GradientStop
Color
=
"#FF8399A9"
Offset
=
"0.375"
/>
<
GradientStop
Color
=
"#FF718597"
Offset
=
"0.375"
/>
<
GradientStop
Color
=
"#FF617584"
Offset
=
"1"
/>
</
LinearGradientBrush
>
</
Setter.Value
>
</
Setter
>
<
Setter
Property
=
"Template"
>
<
Setter.Value
>
<
ControlTemplate
TargetType
=
"Button"
>
<
Grid
>
<
VisualStateManager.VisualStateGroups
>
<
VisualStateGroup
x:Name
=
"CommonStates"
>
<
VisualState
x:Name
=
"Normal"
>
<
Storyboard
>
<
ColorAnimation
Duration
=
"0:0:1.4"
From
=
"White"
To
=
"#FF6DBDD1"
Storyboard.TargetProperty
=
"(Border.Background).(SolidColorBrush.Color)"
Storyboard.TargetName
=
"Background"
RepeatBehavior
=
"Forever"
AutoReverse
=
"True"
/>
<
DoubleAnimation
Duration
=
"0"
To
=
"1"
Storyboard.TargetProperty
=
"Opacity"
Storyboard.TargetName
=
"BackgroundAnimation"
/>
<
ColorAnimation
Duration
=
"0:0:1.4"
From
=
"White"
To
=
"#D8FFFFFF"
Storyboard.TargetProperty
=
"(Rectangle.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)"
Storyboard.TargetName
=
"BackgroundGradient"
RepeatBehavior
=
"Forever"
AutoReverse
=
"True"
/>
<
ColorAnimation
Duration
=
"0:0:1.4"
From
=
"White"
To
=
"#C6FFFFFF"
Storyboard.TargetProperty
=
"(Rectangle.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)"
Storyboard.TargetName
=
"BackgroundGradient"
RepeatBehavior
=
"Forever"
AutoReverse
=
"True"
/>
<
ColorAnimation
Duration
=
"0:0:1.4"
From
=
"White"
To
=
"#8CFFFFFF"
Storyboard.TargetProperty
=
"(Rectangle.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)"
Storyboard.TargetName
=
"BackgroundGradient"
RepeatBehavior
=
"Forever"
AutoReverse
=
"True"
/>
<
ColorAnimation
Duration
=
"0:0:1.4"
From
=
"LightGray"
To
=
"#3FFFFFFF"
Storyboard.TargetProperty
=
"(Rectangle.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)"
Storyboard.TargetName
=
"BackgroundGradient"
RepeatBehavior
=
"Forever"
AutoReverse
=
"True"
/>
</
Storyboard
>
</
VisualState
>
<
VisualState
x:Name
=
"MouseOver"
>
<
Storyboard
>
<
DoubleAnimation
Duration
=
"0"
To
=
"1"
Storyboard.TargetProperty
=
"Opacity"
Storyboard.TargetName
=
"BackgroundAnimation"
/>
<
ColorAnimation
Duration
=
"0"
To
=
"#F2FFFFFF"
Storyboard.TargetProperty
=
"(Rectangle.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)"
Storyboard.TargetName
=
"BackgroundGradient"
/>
<
ColorAnimation
Duration
=
"0"
To
=
"#CCFFFFFF"
Storyboard.TargetProperty
=
"(Rectangle.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)"
Storyboard.TargetName
=
"BackgroundGradient"
/>
<
ColorAnimation
Duration
=
"0"
To
=
"#7FFFFFFF"
Storyboard.TargetProperty
=
"(Rectangle.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)"
Storyboard.TargetName
=
"BackgroundGradient"
/>
</
Storyboard
>
</
VisualState
>
<
VisualState
x:Name
=
"Pressed"
>
<
Storyboard
>
<
ColorAnimation
Duration
=
"0"
To
=
"#FF6DBDD1"
Storyboard.TargetProperty
=
"(Border.Background).(SolidColorBrush.Color)"
Storyboard.TargetName
=
"Background"
/>
<
DoubleAnimation
Duration
=
"0"
To
=
"1"
Storyboard.TargetProperty
=
"Opacity"
Storyboard.TargetName
=
"BackgroundAnimation"
/>
<
ColorAnimation
Duration
=
"0"
To
=
"#D8FFFFFF"
Storyboard.TargetProperty
=
"(Rectangle.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)"
Storyboard.TargetName
=
"BackgroundGradient"
/>
<
ColorAnimation
Duration
=
"0"
To
=
"#C6FFFFFF"
Storyboard.TargetProperty
=
"(Rectangle.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)"
Storyboard.TargetName
=
"BackgroundGradient"
/>
<
ColorAnimation
Duration
=
"0"
To
=
"#8CFFFFFF"
Storyboard.TargetProperty
=
"(Rectangle.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)"
Storyboard.TargetName
=
"BackgroundGradient"
/>
<
ColorAnimation
Duration
=
"0"
To
=
"#3FFFFFFF"
Storyboard.TargetProperty
=
"(Rectangle.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)"
Storyboard.TargetName
=
"BackgroundGradient"
/>
</
Storyboard
>
</
VisualState
>
<
VisualState
x:Name
=
"Disabled"
>
<
Storyboard
>
<
DoubleAnimation
Duration
=
"0"
To
=
".55"
Storyboard.TargetProperty
=
"Opacity"
Storyboard.TargetName
=
"DisabledVisualElement"
/>
</
Storyboard
>
</
VisualState
>
</
VisualStateGroup
>
<
VisualStateGroup
x:Name
=
"FocusStates"
>
<
VisualState
x:Name
=
"Focused"
>
<
Storyboard
>
<
DoubleAnimation
Duration
=
"0"
To
=
"1"
Storyboard.TargetProperty
=
"Opacity"
Storyboard.TargetName
=
"FocusVisualElement"
/>
</
Storyboard
>
</
VisualState
>
<
VisualState
x:Name
=
"Unfocused"
/>
</
VisualStateGroup
>
</
VisualStateManager.VisualStateGroups
>
<
Border
x:Name
=
"Background"
BorderBrush
=
"{TemplateBinding BorderBrush}"
BorderThickness
=
"{TemplateBinding BorderThickness}"
Background
=
"White"
CornerRadius
=
"3"
>
<
Grid
Background
=
"{TemplateBinding Background}"
Margin
=
"1"
>
<
Border
x:Name
=
"BackgroundAnimation"
Background
=
"#FF448DCA"
Opacity
=
"0"
/>
<
Rectangle
x:Name
=
"BackgroundGradient"
>
<
Rectangle.Fill
>
<
LinearGradientBrush
EndPoint
=
".7,1"
StartPoint
=
".7,0"
>
<
GradientStop
Color
=
"#FFFFFFFF"
Offset
=
"0"
/>
<
GradientStop
Color
=
"#F9FFFFFF"
Offset
=
"0.375"
/>
<
GradientStop
Color
=
"#E5FFFFFF"
Offset
=
"0.625"
/>
<
GradientStop
Color
=
"#C6FFFFFF"
Offset
=
"1"
/>
</
LinearGradientBrush
>
</
Rectangle.Fill
>
</
Rectangle
>
</
Grid
>
</
Border
>
<
ContentPresenter
x:Name
=
"contentPresenter"
ContentTemplate
=
"{TemplateBinding ContentTemplate}"
Content
=
"{TemplateBinding Content}"
HorizontalAlignment
=
"{TemplateBinding HorizontalContentAlignment}"
Margin
=
"{TemplateBinding Padding}"
VerticalAlignment
=
"{TemplateBinding VerticalContentAlignment}"
/>
<
Rectangle
x:Name
=
"DisabledVisualElement"
Fill
=
"#FFFFFFFF"
IsHitTestVisible
=
"false"
Opacity
=
"0"
RadiusY
=
"3"
RadiusX
=
"3"
/>
<
Rectangle
x:Name
=
"FocusVisualElement"
IsHitTestVisible
=
"false"
Margin
=
"1"
Opacity
=
"0"
RadiusY
=
"2"
RadiusX
=
"2"
Stroke
=
"#FF6DBDD1"
StrokeThickness
=
"1"
/>
</
Grid
>
</
ControlTemplate
>
</
Setter.Value
>
</
Setter
>
</
Style
>
</
Application.Resources
>