windows 8 - WatermarkTextBox Control with XAML in Metro Style Application -

i'm learning stage in xaml metro style application. want create simple login page watermarktextbox control following image. problem that, want set watermarktextbox's watermark text (email id password text) vertical middle.

my xmal line of code following

<page     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"     xmlns:local="using:login"     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"     xmlns:controls="using:winrtxamltoolkit.controls"     x:class="login.mainpage"     mc:ignorable="d">      <grid background="{staticresource applicationpagebackgroundthemebrush}">         <grid.rowdefinitions>             <rowdefinition height="163*"/>             <rowdefinition height="101*"/>             <rowdefinition height="112*"/>             <rowdefinition height="114*"/>             <rowdefinition height="116*"/>             <rowdefinition height="162*"/>         </grid.rowdefinitions>         <controls:watermarktextbox watermarktext="email id"   horizontalalignment="left" margin="502,10,0,0" grid.row="1" verticalalignment="center" height="60" width="433" fontfamily="andalus" fontsize="18" padding="10, 15, 0, 0"/>         <textbox x:name="passwordwatermark" text="password"  ishittestvisible="false" grid.row="2" fontsize="18" fontfamily="andalus" width="433" height="60" margin="502,0,425,52" padding="10, 15, 0, 0"/>         <passwordbox x:name="pbpassword" lostfocus="passwordlostfocus" gotfocus="passwordgotfocus" grid.row="2" fontfamily="andalus" fontsize="18" margin="502,0,425,52" opacity="0" width="433" height="60" padding="10, 15, 0, 0"/>         <button x:name="btnlogin" content="login" horizontalalignment="left" margin="791,0,0,0" grid.row="3" verticalalignment="top" height="58" width="147" fontfamily="andalus" fontsize="18" background="#ff385936" borderbrush="#ff644f4f"/>     </grid> </page> 

.cs

private void passwordlostfocus(object sender, routedeventargs e) {     checkpasswordwatermark(); }  private void checkpasswordwatermark() {      var passwordempty = string.isnullorempty(pbpassword.password);      passwordwatermark.opacity = passwordempty ? 100 : 0;      pbpassword.opacity = passwordempty ? 0 : 100; }  private void passwordgotfocus(object sender, routedeventargs e) {      passwordwatermark.opacity = 0;      pbpassword.opacity = 100; } 

your grate appreciate. in advance.

ok, not using vs 2012, can't test it. coding in notepad. might help:

 <controls:watermarktextbox watermarktext="email id"   horizontalalignment="left" margin="502,10,0,0" grid.row="1"       verticalalignment="center" height="60" width="433" fontfamily="andalus" fontsize="18" padding="10, 15, 0, 0">     <controls:watermarktextbox.watermarktextstyle>         <style targettype="textblock">             <setter property="verticalalignment" value="center" />           </style>                 </controls:watermarktextbox.watermarktextstyle>           <controls:watermarktextbox/> 

if possible, tell me result.