Hello Sharon,
I am glad you liked the demo.
No rad control was used when creating the flip on MouseOver. We just handle the MouseEnter and MouseLeave events and trigger an animation.
If you want to have a look at the code please download the controls and after installation you will find a solution for the demos installed. In it look for the QuickStartUI_SL project and the HomePageView.xaml. In it look for this particular piece of code.
<
i:Interaction.Triggers
>
<
i:EventTrigger
EventName
=
"MouseEnter"
>
<
i:Interaction.Behaviors
>
<
ei:ConditionBehavior
>
<
ei:ConditionalExpression
>
<
ei:ComparisonCondition
LeftOperand
=
"{Binding IsDropDownOpen, ElementName=searchCombo}"
RightOperand
=
"False"
/>
<
ei:ComparisonCondition
LeftOperand
=
"{Binding IsOpen, ElementName=allProducts}"
RightOperand
=
"False"
/>
<
ei:ComparisonCondition
LeftOperand
=
"{Binding IsFocused, ElementName=searchCombo}"
RightOperand
=
"False"
/>
</
ei:ConditionalExpression
>
</
ei:ConditionBehavior
>
</
i:Interaction.Behaviors
>
<
ei:ControlStoryboardAction
Storyboard
=
"{StaticResource Controlshighlight_Enter}"
/>
</
i:EventTrigger
>
<
i:EventTrigger
EventName
=
"MouseLeave"
>
<
i:Interaction.Behaviors
>
<
ei:ConditionBehavior
>
<
ei:ConditionalExpression
>
<
ei:ComparisonCondition
LeftOperand
=
"{Binding IsDropDownOpen, ElementName=searchCombo}"
RightOperand
=
"False"
/>
<
ei:ComparisonCondition
LeftOperand
=
"{Binding IsFocused, ElementName=searchCombo}"
RightOperand
=
"False"
/>
</
ei:ConditionalExpression
>
</
ei:ConditionBehavior
>
</
i:Interaction.Behaviors
>
<
ei:ControlStoryboardAction
Storyboard
=
"{StaticResource Controlshighlight_Leave}"
/>
</
i:EventTrigger
>
</
i:Interaction.Triggers
>
You should also keep in mind that the interactions are using Blend's Interactions and Interactivity DLLs.
Let me know if there is anything else.
Best wishes,
Kalin Milanov
the Telerik team