Fix Sample Loading though there's a missing code-path for registration still

FYI @Sergio0694

Author: michael-hawker

Microsoft.Toolkit.Uwp.SampleApp/Microsoft.Toolkit.Uwp.SampleApp.csproj

@@ -868,9 +868,6 @@
     <Compile Include="SamplePages\Object Storage\ObjectStoragePage.xaml.cs">
       <DependentUpon>ObjectStoragePage.xaml</DependentUpon>
     </Compile>
-    <Compile Include="SamplePages\SurfaceDialTextbox\SurfaceDialTextboxPage.xaml.cs">
-      <DependentUpon>SurfaceDialTextboxPage.xaml</DependentUpon>
-    </Compile>
     <Compile Include="SamplePages\SystemInformation\SystemInformationPage.xaml.cs">
       <DependentUpon>SystemInformationPage.xaml</DependentUpon>
     </Compile>
@@ -1308,10 +1305,6 @@
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
-    <Page Include="SamplePages\SurfaceDialTextbox\SurfaceDialTextboxPage.xaml">
-      <SubType>Designer</SubType>
-      <Generator>MSBuild:Compile</Generator>
-    </Page>
     <Page Include="SamplePages\SystemInformation\SystemInformationPage.xaml">
       <Generator>MSBuild:Compile</Generator>
       <SubType>Designer</SubType>

Microsoft.Toolkit.Uwp.SampleApp/SamplePages/SurfaceDialTextbox/SurfaceDialTextboxCode.bind

@@ -6,26 +6,25 @@
       xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
       mc:Ignorable="d">
 
-  <Grid>
-    <StackPanel HorizontalAlignment="Center"
-                VerticalAlignment="Center">
+  <StackPanel HorizontalAlignment="Center"
+              VerticalAlignment="Center">
 
-      <TextBox HorizontalAlignment="Left" 
-               VerticalAlignment="Top" 
-               Margin="0,0,0,10"
-               Text="0" 
-               Width="250"/>
-        <ui:TextBoxExtensions.SurfaceDialOptions>
-            <ui:SurfaceDialOptions
-                StepValue="@[StepValue:DoubleSlider:1:0.1-10]"
-                ForceMenuItem="@[ForceMenuItem:Bool:true]"
-                EnableHapticFeedback="@[EnableHapticFeedback:Bool:true]"
-                EnableMinMaxValue="@[EnableMinMaxValue:Bool:true]"
-                MinValue="@[MinValue:DoubleSlider:0:0-100]"
-                MaxValue="@[MaxValue:DoubleSlider:100:0-100]"
-                Icon="@[Icon:Enum:RadialControllerMenuKnownIcon.Ruler]"
-                EnableTapToNextControl="@[EnableTapToNextControl:Bool:true]"/>
-        </ui:TextBoxExtensions.SurfaceDialOptions>
-    </StackPanel>
-  </Grid>
+    <TextBox HorizontalAlignment="Left"
+              VerticalAlignment="Top"
+              Margin="0,0,0,10"
+              Text="0"
+              Width="250">
+      <ui:TextBoxExtensions.SurfaceDialOptions>
+        <ui:SurfaceDialOptions
+            StepValue="@[StepValue:DoubleSlider:1:0.1-10]"
+            ForceMenuItem="@[ForceMenuItem:Bool:true]"
+            EnableHapticFeedback="@[EnableHapticFeedback:Bool:true]"
+            EnableMinMaxValue="@[EnableMinMaxValue:Bool:true]"
+            MinValue="@[MinValue:DoubleSlider:0:0-100]"
+            MaxValue="@[MaxValue:DoubleSlider:100:0-100]"
+            Icon="@[Icon:Enum:RadialControllerMenuKnownIcon.Ruler]"
+            EnableTapToNextControl="@[EnableTapToNextControl:Bool:true]"/>
+      </ui:TextBoxExtensions.SurfaceDialOptions>
+    </TextBox>
+  </StackPanel>
 </Page>

Microsoft.Toolkit.Uwp.SampleApp/SamplePages/SurfaceDialTextbox/SurfaceDialTextboxPage.xaml

@@ -11,6 +11,7 @@
       xmlns:media="using:Microsoft.Toolkit.Uwp.UI.Media"
       xmlns:mediaactions="using:Microsoft.Xaml.Interactions.Media"
       xmlns:triggers="using:Microsoft.Toolkit.Uwp.UI.Triggers"
+      xmlns:ui="using:Microsoft.Toolkit.Uwp.UI"
       Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
       mc:Ignorable="d">
 
@@ -28,6 +29,11 @@
         <triggers:UserHandPreferenceStateTrigger x:Key="UserHandPreferenceStateTrigger" />
         <triggers:UserInteractionModeStateTrigger x:Key="UserInteractionModeStateTrigger" />
         <behaviors:StartAnimationAction x:Key="StartAnimationAction" />
+        <TextBox x:Key="TextBoxExtensions">
+            <ui:TextBoxExtensions.SurfaceDialOptions>
+                <ui:SurfaceDialOptions />
+            </ui:TextBoxExtensions.SurfaceDialOptions>
+        </TextBox>
     </Page.Resources>
 
     <Grid>

Microsoft.Toolkit.Uwp.SampleApp/SamplePages/SurfaceDialTextbox/SurfaceDialTextboxPage.xaml.cs

@@ -1163,10 +1163,9 @@
       },
       {
         "Name": "SurfaceDialTextbox",
-        "Type": "SurfaceDialTextboxPage",
         "About": "Enables support for Surface Dial on any given Textbox. Rotate the Dial to change the numeric value of the Textbox.",
         "CodeUrl": "https://github.com/windows-toolkit/WindowsCommunityToolkit/tree/master/Microsoft.Toolkit.Uwp.UI/Extensions/SurfaceDialTextbox",
-        "XamlCodeFile": "SurfaceDialTextboxCode.bind",
+        "XamlCodeFile": "/SamplePages/SurfaceDialTextbox/SurfaceDialTextboxCode.bind",
         "Icon": "/SamplePages/SurfaceDialTextbox/SurfaceDialTextbox.png",
         "BadgeUpdateVersionRequired": "Anniversary Update required",
         "DocumentationUrl": "https://raw.githubusercontent.com/MicrosoftDocs/WindowsCommunityToolkitDocs/master/docs/extensions/SurfaceDialTextboxHelper.md"

Microsoft.Toolkit.Uwp.SampleApp/SamplePages/XamlOnlyPage.xaml

@@ -3,14 +3,15 @@
 // See the LICENSE file in the project root for more information.
 
 using Windows.UI.Input;
+using Windows.UI.Xaml;
 using Windows.UI.Xaml.Controls;
 
 namespace Microsoft.Toolkit.Uwp.UI
 {
     /// <summary>
     /// A model containing options for configuring the Surface Dial support through <see cref="TextBoxExtensions"/>.
     /// </summary>
-    public sealed class SurfaceDialOptions
+    public sealed class SurfaceDialOptions : DependencyObject
     {
         /// <summary>
         /// Gets an internal cached instance to avoid allocations from <see cref="TextBoxExtensions"/>.