"A simple connected animation" sample does not explains the process of creating it.

[LilyStilson]

Is this a totally new sample, an addition to an existing sample page, or a modification of an existing sample page?

• New sample
• Addition to existing sample
• Modification to existing sample

If this is an addition/modification to an existing sample page, which one?
Addition to Motion -> Connected Animation page

Describe the sample

This page has section A simple connected animation which shows us different connected animation transitions configurations, but the following code under that sample does not explains how to it at all. Please, add some code samples to explain how exactly animation configuration is set.

Is your sample request related to a problem? Please describe it

Docs says that there is an ability to change transition from Gravity (default) to Direct or Basic, but not explaining how to do that. Same goes for this application: it's demonstrated, but never explained.

Additional context

[stmoy]

This is great feedback, thank you for filing this issue @LilyStilson! I'll update the code sample to be more relevant.

In the meantime, the code for this sample can be found on GitHub: https://github.com/microsoft/Xaml-Controls-Gallery/blob/265c5979c6e1ff65a579a25ea151456db9ed6ab7/XamlControlsGallery/SamplePages/SamplePage1.xaml.cs#L21

[michael-hawker]

We also have XAML based helpers for this in the Toolkit, did we want to cross-promote?