Polish UX

Lab/Exercise1/01-Start/ContosoExpenses/ContosoExpenses/AboutView.xaml

@@ -26,7 +26,7 @@
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
 
-        <TextBlock>About Contoso:</TextBlock>
-        <WebBrowser Grid.Row="1" Source="http://aboutknowzy.azurewebsites.net" />
+        <TextBlock>Contoso Expenses is an application of Contoso Corp.</TextBlock>
+        <WebBrowser Grid.Row="1" Source="https://contosocorpwebsite.azurewebsites.net/" />
     </Grid>
 </Window>

Lab/Exercise1/01-Start/ContosoExpenses/ContosoExpenses/App.xaml

@@ -4,6 +4,20 @@
              xmlns:local="clr-namespace:ContosoExpenses"
              StartupUri="MainWindow.xaml">
     <Application.Resources>
-         
+        <SolidColorBrush x:Key="SemiTransparentBackground" 
+                         Color="Black"
+                         Opacity=".3" />
+
+        <ImageBrush x:Key="MainBackground" 
+                    ImageSource="ExpensesBackground.jpg" 
+                    Stretch="UniformToFill"/>
+
+        <Style x:Key="DataGridHeaderStyle" TargetType="DataGridColumnHeader">
+            <Setter Property="Foreground" Value="Black" />
+        </Style>
+
+        <Style x:Key="DataGridRowStyle" TargetType="DataGridRow">
+            <Setter Property="Cursor" Value="Hand" />
+        </Style>
     </Application.Resources>
 </Application>

Lab/Exercise1/01-Start/ContosoExpenses/ContosoExpenses/ContosoExpenses.csproj

@@ -144,5 +144,10 @@
   <ItemGroup>
     <Resource Include="contoso.ico" />
   </ItemGroup>
+  <ItemGroup>
+    <Content Include="ExpensesBackground.jpg">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+  </ItemGroup>
   <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
 </Project>

Lab/Exercise1/01-Start/ContosoExpenses/ContosoExpenses/MainWindow.xaml

@@ -6,19 +6,25 @@
         xmlns:local="clr-namespace:ContosoExpenses"
         mc:Ignorable="d"
         Loaded="Window_Loaded"
-        Title="Contoso Expenses" Height="450" Width="800">
-    
+        Title="Contoso Expenses" Height="450" Width="800"
+        Background="{StaticResource MainBackground}">
+
     <Grid Margin="12">
         <Grid.RowDefinitions>
-            <RowDefinition Height="Auto" />
+            <RowDefinition Height="25" />
             <RowDefinition Height="Auto" />
         </Grid.RowDefinitions>
-        
+
         <Menu IsMainMenu="True" Grid.Row="0">
             <MenuItem Header="_About" Click="OnOpenAbout" />
         </Menu>
 
-        <DataGrid x:Name="CustomersGrid" SelectionChanged="OnSelectedEmployee" Grid.Row="1" AutoGenerateColumns="False">
+        <DataGrid x:Name="CustomersGrid" SelectionChanged="OnSelectedEmployee" Grid.Row="1" AutoGenerateColumns="False"
+                  Background="{StaticResource SemiTransparentBackground}" 
+                  RowBackground="{StaticResource SemiTransparentBackground}"
+                  ColumnHeaderStyle="{StaticResource DataGridHeaderStyle}"
+                  Foreground="White"
+                  RowStyle="{StaticResource DataGridRowStyle}">
             <DataGrid.Columns>
                 <DataGridTextColumn Header="Employee Id" Binding="{Binding Path=EmployeeId}" />
                 <DataGridTextColumn Header="Name" Binding="{Binding Path=FirstName}" />