Hello,
Here you have the windows vista login screen made all in XAML. To download the complete Project click here.
If you have question please ask and I will answer to you.
Vista Login Screen
The graphical element where the image will be placed it’s just a Border that has inside some PATHS those were made in Microsoft Expression Design and exported to XAML.
The TextBox where you insert the user name it’s a normal text with a custom style which has 2 BORDER elements and inisde has the CONTENTPRESENTER:
<Border x:Name="OuterBorder" BorderBrush="#5AFFFFFF" BorderThickness="1,1,1,1? CornerRadius="4,4,4,4?>
<Border x:Name="InnerBorder" Background="#FFFFFFFF" BorderBrush="#33000000? BorderThickness="1,1,1,1? CornerRadius="3,3,3,3?>
<ScrollViewer SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" x:Name="PART_ContentHost"/>
</Border>
</Border>
The passworBox is the same only that has a Label with “Password” int the Content. Also i have put an trigger “IsFocused” which hides the label.
<ControlTemplate TargetType="{x:Type PasswordBox}">
<Border x:Name="OuterBorder" BorderBrush="#5AFFFFFF" BorderThickness="1,1,1,1? CornerRadius="4,4,4,4?>
<Border x:Name="InnerBorder" Background="#FFFFFFFF" BorderBrush="#33000000? BorderThickness="1,1,1,1? CornerRadius="3,3,3,3?>
<Grid>
<Label x:Name="lblPwd" Content="Password" FontSize="11? VerticalAlignment="Center" Margin="2,0,0,0? FontFamily="Verdana" Foreground="#828385? Padding="0?/>
<ScrollViewer SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" x:Name="PART_ContentHost"/>
</Grid>
</Border>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsFocused" Value="True">
<Setter Property="Visibility" TargetName="lblPwd" Value="Hidden"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>