RadTileTransition and LayoutRoot

5 posts, 0 answers
  1. Flex
    Flex avatar
    4 posts
    Member since:
    Jun 2011

    Posted 07 Jun 2011 Link to this post

    Ihave actually a very simple question.

    Is it possible to animate the complete page with the RadTileTransition and set certain elements to "ElementToDelayProperty"?

    With a ListBox of course it is no problem, you can also animate the LayoutRoot with RadTileAnimation

    this.SetValue(RadTileAnimation.ContainerToAnimateProperty, LayoutRoot);

    but the "ElementToDelayProperty" does not work.

    And do I have then to add the upper code for each page, or can I set this somewhere central?



    Thank you and sorry for my bad english.
  2. Valentin.Stoychev
    Admin
    Valentin.Stoychev avatar
    2198 posts

    Posted 08 Jun 2011 Link to this post

    Hi Flex,

    Please check this blog post on more info how to specify transitions at runtime per page:
    http://blogs.telerik.com/valentinstoychev/posts/11-02-21/page_transitions_for_wp7_-_sample_application.aspx#comments

    Please let us know if you need more info.

    All the best,
    Valentin.Stoychev
    the Telerik team
    Let us know about your Windows Phone 7 application built with RadControls and we will help you promote it. Learn more>>
  3. DevCraft banner
  4. Valentin.Stoychev
    Admin
    Valentin.Stoychev avatar
    2198 posts

    Posted 08 Jun 2011 Link to this post

    Hi Flex,

    Please check this blog post on more info how to specify transitions at runtime per page:
    http://blogs.telerik.com/valentinstoychev/posts/11-02-21/page_transitions_for_wp7_-_sample_application.aspx#comments

    Please let us know if you need more info.

    All the best,
    Valentin.Stoychev
    the Telerik team
    Let us know about your Windows Phone 7 application built with RadControls and we will help you promote it. Learn more>>
  5. Flex
    Flex avatar
    4 posts
    Member since:
    Jun 2011

    Posted 08 Jun 2011 Link to this post

    Hi Valentin,

    thanks for the link, but I had already seen that.
    In the example is always just the ListBox animated. For example, the "TitlePanel" is not animated.

    Is it possible to animate the whole page with the RadTileAnimation?

    For example, I would like to animate the whole page and set the "TitlePanle" as "ElementToDelayProperty".

    Or would this only works if I set the whole page in a listbox?


    Best regards,
    Flex
  6. Valentin.Stoychev
    Admin
    Valentin.Stoychev avatar
    2198 posts

    Posted 13 Jun 2011 Link to this post

    Hello Flex,

    The out of the box transitions provided in our framework follow a specific pattern that exist on the Windows Phone device. They all have forward in/out and backward in/out transitions. In the case of the Tile transition we are animating a listbox, because this is the description of the transition by default. The element to delay is the clicked element and its relatives are animated just before that element. 

    If you want to animate different page elements you should take a look at the continuum transition - the ForwardIn transition specifically - it is again found in the sample code from the mentioned blog post.

    If it do not suit your needs you can always create a custom transition based on oour framework. If you go on this option - please let us know if you need more questions.

    All the best,
    Valentin.Stoychev
    the Telerik team
    Let us know about your Windows Phone 7 application built with RadControls and we will help you promote it. Learn more>>
Back to Top
DevCraft banner