Home / Community & Support / Developer Productivity Tools Forums / Windows Phone 7 > LayoutTransform > Flip Effect

• Jose

  Posted on Jun 9, 2011 (permalink)

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

  Reply

• Deyan Deyan

  Posted on Jun 10, 2011 (permalink)

  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

  Let us know about your Windows Phone 7 application built with RadControls and we will help you promote it. Learn more>>

  Reply

• Jose

  Posted on Jun 10, 2011 (permalink)

  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

  Reply

• Deyan Deyan

  Posted on Jun 13, 2011 (permalink)

  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

  Let us know about your Windows Phone 7 application built with RadControls and we will help you promote it. Learn more>>

  Reply

• Vijay MVP

  Posted on Jun 4, 2012 (permalink)

  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.

  Reply

• Jose

  Posted on Jun 5, 2012 (permalink)

  Thanks...you guys are awesome
  

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / Windows Phone 7 > LayoutTransform > Flip Effect