Merge pull request #286 from MicrosoftDocs/michael-hawker-patch-1

Aligning to preferred Microsoft.UI.Xaml.Controls prefix

Author: michael-hawker

docs/animations/lottie-scenarios/getting_started_json.md

@@ -19,7 +19,7 @@ You probably have a JSON file that was exported from [Adobe AfterEffects](https:
     Modify your Page.xaml to include the namespace:
 
     ```xaml
-    xmlns:controls="using:Microsoft.UI.Xaml.Controls"
+    xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
     ```
 
 3. Install the latest [Microsoft.Toolkit.Uwp.UI.Lottie nuget package](https://www.nuget.org/packages/Microsoft.Toolkit.Uwp.UI.Lottie/) by following steps similar to those listed above. Modify your Page.xaml to include the namespace:
@@ -37,12 +37,12 @@ You probably have a JSON file that was exported from [Adobe AfterEffects](https:
 5. Instantiate the [AnimatedVisualPlayer](https://docs.microsoft.com/en-us/uwp/api/microsoft.ui.xaml.controls.animatedvisualplayer) element and configure the [LottieVisualSource](https://docs.microsoft.com/dotnet/api/microsoft.toolkit.uwp.ui.lottie.lottievisualsource) to be consumed:
 
     ```xaml
-        <Border Style="{StaticResource LottiePlayer}">
+        <Border>
             <!--AnimatedVisualPlayer with AutoPlay-->
-            <controls:AnimatedVisualPlayer x:Name="LottiePlayer">
+            <muxc:AnimatedVisualPlayer x:Name="LottiePlayer">
                 <!--LottieVisualSource with JSON UriSource-->
                 <lottie:LottieVisualSource x:Name="LottieJsonSource" UriSource="ms-appx:///AnimatedVisuals/LottieLogo1.json"/>
-            </controls:AnimatedVisualPlayer>
+            </muxc:AnimatedVisualPlayer>
         </Border>
     ```