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>
June 10th, 2008 at 4:18 am
a good read.
August 25th, 2008 at 1:30 pm
Really splendid and intelligent code, I have ever found on net. Its working perfect for me. Keep it up
Thanks
September 9th, 2008 at 5:30 am
once you enter text into the passwordbox field and set focus on another control the label becomes visible again so ‘Password’ displays with in the textbox again.
Can this be fixed? And how would you achieve this?
September 9th, 2008 at 6:23 pm
Set a trigger
September 25th, 2008 at 7:53 am
good site hpeaiq
December 31st, 2008 at 7:28 pm
This is cool, but where’s the button?
April 4th, 2009 at 11:16 pm
Vista Login Screen
the link to download de sample projet doesnt work
look like a good sample
David
April 15th, 2009 at 1:58 pm
It works just fine.
June 13th, 2009 at 10:39 pm
Hi, very nice post. I have been wonder’n bout this issue,so thanks for posting
July 13th, 2009 at 5:10 pm
Could you please specify that where can I put my Image. I have tried many positions (after layer_1, layer_2…) simultaneously changing the opacity of other layers. However, the result is not good and it seems very naive.
July 20th, 2009 at 5:03 pm
You can insert the image before this line:
<Canvas x:Name="Layer_2" Width="150" Height="150" Canvas.Left="0" Canvas.Top="0">
Something like this:
<Image Source="ImageName.jpg" Width="144" Height="144"/>
<Canvas x:Name="Layer_2" Width="150" Height="150" Canvas.Left="0" Canvas.Top="0">
August 5th, 2009 at 10:57 am
I have inserted an image like you said, but nothing happend:
Have you an idea?
November 5th, 2009 at 9:56 pm
ehh. bookmarked !
March 30th, 2010 at 3:23 pm
comment…
Спасибо за информацию !…
April 6th, 2010 at 2:54 am
……
Бизнесмен из Вас отличный…
June 14th, 2010 at 10:28 am
< a href=”http://avto-himki.ru/ ycihisv@xienaoy.ru” >1< / a >…
no more…