Apply XamlStyles for Marquee

Author: Avid29

components/Marquee/samples/Marquee.md

@@ -6,10 +6,10 @@ keywords: Marquee, Control
 dev_langs:
   - csharp
 category: Controls
-subcategory: StatusAndInfo
+subcategory: Layout
 experimental: true
 discussion-id: 231 
-issue-id: 0
+issue-id: 426
 icon: Assets/Marquee.png
 ---
 

components/Marquee/samples/MarqueeSample.xaml

@@ -1,4 +1,4 @@
-<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
 <Page x:Class="MarqueeExperiment.Samples.MarqueeSample"
       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
@@ -10,20 +10,23 @@
 
     <StackPanel Padding="16">
         <controls:Marquee Behavior="{x:Bind ConvertStringToMarqueeBehavior(MQBehavior), Mode=OneWay}"
+                          Content="{x:Bind Data}"
                           Direction="{x:Bind ConvertStringToMarqueeDirection(MQDirection), Mode=OneWay}"
                           FontSize="18"
                           RepeatBehavior="Forever"
-                          Speed="{x:Bind MQSpeed, Mode=OneWay}"
-                          Content="{x:Bind Data}">
+                          Speed="{x:Bind MQSpeed, Mode=OneWay}">
             <controls:Marquee.ContentTemplate>
                 <DataTemplate x:DataType="local:MarqueeSampleItems">
                     <ItemsRepeater ItemsSource="{x:Bind Items}">
                         <ItemsRepeater.Layout>
-                            <StackLayout Orientation="Horizontal" Spacing="8"/>
+                            <StackLayout Orientation="Horizontal"
+                                         Spacing="8" />
                         </ItemsRepeater.Layout>
                         <ItemsRepeater.ItemTemplate>
                             <DataTemplate x:DataType="local:MarqueeSampleItem">
-                                <Border Width="100" Height="48" Background="{x:Bind Brush}">
+                                <Border Width="100"
+                                        Height="48"
+                                        Background="{x:Bind Brush}">
                                     <TextBlock Text="{x:Bind Name}" />
                                 </Border>
                             </DataTemplate>
@@ -32,7 +35,8 @@
                 </DataTemplate>
             </controls:Marquee.ContentTemplate>
         </controls:Marquee>
-        
-        <Button Content="Add something" Click="AddItem_Click"/>
+
+        <Button Click="AddItem_Click"
+                Content="Add something" />
     </StackPanel>
 </Page>

components/Marquee/samples/MarqueeTextSample.xaml

@@ -1,4 +1,4 @@
-<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
 <Page x:Class="MarqueeExperiment.Samples.MarqueeTextSample"
       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
@@ -10,10 +10,10 @@
 
     <StackPanel Padding="16">
         <controls:Marquee Behavior="{x:Bind ConvertStringToMarqueeBehavior(MQBehavior), Mode=OneWay}"
+                          Content="{x:Bind MQText, Mode=OneWay}"
                           Direction="{x:Bind ConvertStringToMarqueeDirection(MQDirection), Mode=OneWay}"
                           FontSize="18"
                           RepeatBehavior="Forever"
-                          Speed="{x:Bind MQSpeed, Mode=OneWay}"
-                          Content="{x:Bind MQText, Mode=OneWay}"/>
+                          Speed="{x:Bind MQSpeed, Mode=OneWay}" />
     </StackPanel>
 </Page>

components/Marquee/tests/ExampleMarqueeTestPage.xaml

@@ -1,4 +1,4 @@
-<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
 <Page x:Class="MarqueeTests.ExampleMarqueeTestPage"
       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
@@ -10,9 +10,9 @@
 
     <Grid>
         <controls:Marquee x:Name="MarqueeControl"
-                              Behavior="Ticker"
-                              Direction="Left"
-                              Speed="96"
-                              Content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac auctor augue mauris augue neque gravida in. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Viverra adipiscing at in tellus integer feugiat scelerisque varius. Viverra ipsum nunc aliquet bibendum. Quis viverra nibh cras pulvinar mattis nunc. Netus et malesuada fames ac turpis egestas maecenas pharetra. Pellentesque habitant morbi tristique senectus. Gravida rutrum quisque non tellus orci. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet. Mollis aliquam ut porttitor leo." />
+                          Behavior="Ticker"
+                          Content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac auctor augue mauris augue neque gravida in. Bibendum at varius vel pharetra vel turpis nunc eget lorem. Viverra adipiscing at in tellus integer feugiat scelerisque varius. Viverra ipsum nunc aliquet bibendum. Quis viverra nibh cras pulvinar mattis nunc. Netus et malesuada fames ac turpis egestas maecenas pharetra. Pellentesque habitant morbi tristique senectus. Gravida rutrum quisque non tellus orci. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet. Mollis aliquam ut porttitor leo."
+                          Direction="Left"
+                          Speed="96" />
     </Grid>
 </Page>