From 03f3a96de01d79bf96df471421906534fd124dcd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Holger=20B=C3=B6rchers?= <holgerb83@gmail.com>
Date: Fri, 3 Jul 2020 22:09:37 +0200
Subject: [PATCH] Background of readonly text fields

---
 App/App.xaml        |  9 +++++++++
 App/MainWindow.xaml | 27 ++++++++++++++++++---------
 2 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/App/App.xaml b/App/App.xaml
index a511eff..737612a 100644
--- a/App/App.xaml
+++ b/App/App.xaml
@@ -10,6 +10,15 @@
                 <ui:ThemeResources />
                 <ui:IntellisenseResources Source="/ModernWpf;component/DesignTime/DesignTimeResources.xaml" />
                 <ui:XamlControlsResources />
+                <ResourceDictionary>
+                    <Style BasedOn="{StaticResource {x:Type TextBox}}" TargetType="TextBox">
+                        <Style.Triggers>
+                            <Trigger Property="IsReadOnly" Value="True">
+                                <Setter Property="Background" Value="{DynamicResource SystemControlDisabledChromeMediumLowBrush}" />
+                            </Trigger>
+                        </Style.Triggers>
+                    </Style>
+                </ResourceDictionary>
             </ResourceDictionary.MergedDictionaries>
         </ResourceDictionary>
     </Application.Resources>
diff --git a/App/MainWindow.xaml b/App/MainWindow.xaml
index 3e4fc5d..f4217f5 100644
--- a/App/MainWindow.xaml
+++ b/App/MainWindow.xaml
@@ -59,7 +59,6 @@
                 <ColumnDefinition Width="{Binding ElementName=Window, Path=(ui:TitleBar.SystemOverlayLeftInset), Converter={StaticResource PixelsToGridLength}}" />
                 <ColumnDefinition Width="Auto" />
                 <ColumnDefinition />
-                <ColumnDefinition Width="Auto" />
             </Grid.ColumnDefinitions>
             <Menu
                 Grid.Column="1"
@@ -112,18 +111,11 @@
             <!--  Horizontally centered title  -->
             <TextBlock
                 Grid.Column="0"
-                Grid.ColumnSpan="4"
+                Grid.ColumnSpan="3"
                 HorizontalAlignment="Center"
                 VerticalAlignment="Center"
                 FontSize="13"
                 Text="{Binding ElementName=Window, Path=Title}" />
-            <ui:PersonPicture
-                Grid.Column="3"
-                Height="24"
-                Margin="0,0,150,0"
-                DisplayName="Holger Börchers"
-                ToolTip="Holger Börchers"
-                WindowChrome.IsHitTestVisibleInChrome="True" />
         </Grid>
         <!--  Footer  -->
         <Grid
@@ -250,6 +242,23 @@
                                 Label="Good bye"
                                 Symbol="x²"
                                 Value="{Binding ValidationTest, UpdateSourceTrigger=PropertyChanged}" />
+                            <Grid Margin="0,5">
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" />
+                                    <ColumnDefinition />
+                                </Grid.ColumnDefinitions>
+                                <ui:ToggleSwitch
+                                    x:Name="Switch"
+                                    Grid.Column="0"
+                                    Margin="0,0,5,0"
+                                    OffContent="Read/Write"
+                                    OnContent="ReadOnly" />
+                                <TextBox
+                                    x:Name="SimpleTextBox"
+                                    Grid.Column="1"
+                                    IsReadOnly="{Binding IsOn, ElementName=Switch}"
+                                    Text="Eine einfache Textbox" />
+                            </Grid>
                             <controls:PropertyPresenter Label="Hello" Value="{Binding BooleanValue}" />
                             <controls:PropertyPresenter Label="Hello">
                                 <Slider