This is a migrated thread and some comments may be shown as answers.

New Silverlight Demos home page

4 Answers 25 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Sharon
Top achievements
Rank 1
Sharon asked on 17 Mar 2011, 12:22 AM
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? 

4 Answers, 1 is accepted

Sort by
0
Kalin Milanov
Telerik team
answered on 17 Mar 2011, 03:16 PM
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
0
Yas
Top achievements
Rank 1
answered on 18 Mar 2011, 06:49 AM
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
0
Kalin Milanov
Telerik team
answered on 18 Mar 2011, 10:34 AM
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
0
Yas
Top achievements
Rank 1
answered on 19 Mar 2011, 08:20 AM
Thanks Kalin.
Tags
General Discussions
Asked by
Sharon
Top achievements
Rank 1
Answers by
Kalin Milanov
Telerik team
Yas
Top achievements
Rank 1
Share this question
or