Flip Effect

[Jose]

Can I add Flip effect to a button or any other control ?

[Deyan]

Hello Jose,

Yes, you can use the RenderTransform property to apply any visual transformations to an element. You can also use our RadLayoutTransform control to apply a layout transformation to any UI element.

Please, take a look at our online help for further information about the RadLayoutTransform control:

http://www.telerik.com/help/windows-phone/radlayouttransform-overview.html

I hope this helps.

Best wishes,
Deyan
the Telerik team

[Jose]

Thanks for your quick reply.
but...I just want to be sure...before buying...

I check the link/sample...and looks like is for 2d rotation/move...What I want is a coin flip style effect, with 2 different sides.

If this possible using these controls?

Thanks again

Jose

[Deyan]

Hello Jose,

You can use the PlaneProjection property of a FrameworkElement to apply 3D transformations to an element. This is actually functionality that comes out of the box with Silverlight.

Best wishes,
Deyan
the Telerik team

[Vijay]

Hello Jose,

    Yes absolutely, you can.  Please find the below sample code for an idea to add flip effect to any specific control. Based on this you can customize your code towards the requirements.

                                                      <telerik:RadLayoutTransformControl Height="354"
                                               HorizontalAlignment="Left"
                                               Margin="12,248,0,0"
                                               VerticalAlignment="Top"
                                               Width="438"
                                               x:Name="radLayout1">
                <telerik:RadLayoutTransformControl.Content>
                    <Grid>
                        <Button Content="Addition"
                                x:Name="btnAdd"
                                Margin="73,0,58,271"
                                FontFamily="Verdana"
                                FontSize="22"
                                Background="Green"
                                Click="btnAdd_Click"/>
                        <Button Content="Subtraction"
                                FontFamily="Verdana"
                                FontSize="22"
                                x:Name="btnsub"
                                Margin="73,70,58,201"
                                Background="Red"
                                Click="btnSub_Click"/>
                        <Button Content="Multiplication"
                                x:Name="btnMul"
                                Margin="73,144,58,127"
                                FontFamily="Verdana"
                                FontSize="22"
                                Background="Yellow"
                                Click="btnMul_Click"/>
                        <Button Content="Division"
                                x:Name="btnDiv"
                                Background="Blue"
                                FontFamily="Verdana"
                                FontSize="22"
                                Margin="73,233,58,38"
                                Click="btnDiv_Click"/>
                    </Grid>
                </telerik:RadLayoutTransformControl.Content>
            </telerik:RadLayoutTransformControl>

Render Layout Transform in .cs file aswell

  private void mainPage_Loaded(object sender, RoutedEventArgs e)
        {
            //objComposite.SkewX = 25;
            objComposite.SkewY = 29;
            radLayout1.LayoutTransform = objComposite;
        }



#region Instance Variables
CompositeTransform objComposite = new CompositeTransform();
#endregion

Thanks and Regards,
Vijay
MVC Corp.

[Jose]

Thanks...you guys are awesome