New Silverlight Demos home page

[Sharon]

I really like the new Silverlight homepage (http://demos.telerik.com/silverlight/#Home) especially the animated rollover feature for the "View Showcases" and "Explore All Controls" section. Was a rad control used for this animated rollover? Can you direct me to the source code? 

[Kalin Milanov]

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

[Yas]

The new Silverlight homepage is indeed very nice. Congrats to the designers and developers.

On the Silverlight homepage there is a screenshot of an application monitoring website access. Is it available in the demo?

I am interested with the layout of the different control and the customised menu. Is it possible to get a sample project for this application?

Thanks.
Yas

[Kalin Milanov]

Hi Yas,

The screenshot you see is the analytics module of Sitefinity 4.0 which utilizes the RadChart for Silverlight. The screenshot is a showcase of the possibilities the control provides. If you are interested in charting controls and their layouts, please review the charting online demos.

Happy browsing.

Regards,
Kalin Milanov
the Telerik team

[Yas]

Thanks Kalin.