buttonclick - Windows phone 8.1 button click event not working -

the click option doesn't create click events, tried mouseleftbutton nothing reacts. attach "xaml" file see wrong it. solution place object after splash screen code, , set visibility true after splash screen ends. asking better solution place object in , react @ click events.

<phone:phoneapplicationpage xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:phone="clr-namespace:microsoft.phone.controls;assembly=microsoft.phone" xmlns:shell="clr-namespace:microsoft.phone.shell;assembly=microsoft.phone" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:i="clr-namespace:system.windows.interactivity;assembly=system.windows.interactivity" xmlns:ec="clr-namespace:microsoft.expression.interactivity.core;assembly=microsoft.expression.interactions" xmlns:sysctrl="clr-namespace:system.windows.controls;assembly=microsoft.phone" x:class="splashscreen.mainpage" mc:ignorable="d" fontfamily="{staticresource phonefontfamilynormal}" fontsize="{staticresource phonefontsizenormal}" foreground="{staticresource phoneforegroundbrush}" supportedorientations="portrait" orientation="portrait" shell:systemtray.isvisible="true" datacontext="{binding source={staticresource locator}, path=main}">  <i:interaction.behaviors>     <ec:datastatebehavior binding="{binding dataloaded}"                            value="false"                            truestate="loading"                           falsestate="loaded"/> </i:interaction.behaviors>    <!--layoutroot root grid page content placed--> <grid x:name="layoutroot" background="transparent">     <visualstatemanager.visualstategroups>         <visualstategroup x:name="datastates">             <visualstategroup.transitions>                 <visualtransition generatedduration="0:0:2" to="loaded">                     <visualtransition.generatedeasingfunction>                         <cubicease easingmode="easeout"/>                     </visualtransition.generatedeasingfunction>                 </visualtransition>             </visualstategroup.transitions>             <visualstate x:name="loading">                 <storyboard>                     <objectanimationusingkeyframes storyboard.targetproperty="(uielement.visibility)"                                                     storyboard.targetname="contentpanel">                         <discreteobjectkeyframe keytime="0">                             <discreteobjectkeyframe.value>                                 <visibility>collapsed</visibility>                             </discreteobjectkeyframe.value>                         </discreteobjectkeyframe>                     </objectanimationusingkeyframes>                 </storyboard>             </visualstate>             <visualstate x:name="loaded">                 <storyboard>                     <doubleanimation duration="0"                                       to="0"                                       storyboard.targetproperty="(uielement.opacity)"                                       storyboard.targetname="stackpanel"                                       d:isoptimized="true"/>                 </storyboard>             </visualstate>         </visualstategroup>     </visualstatemanager.visualstategroups>     <grid.rowdefinitions>         <rowdefinition height="auto"/>         <rowdefinition height="*"/>     </grid.rowdefinitions>      <!--contentpanel - place additional content here-->     <grid x:name="contentpanel"            grid.row="1"            margin="12,0,12,0">         <grid.columndefinitions>             <columndefinition width="67*"/>             <columndefinition width="85*"/>         </grid.columndefinitions>          <phone:pivot  margin="0,10,0,-160" grid.columnspan="2" >              <phone:pivotitem header="settings" >                 <stackpanel grid.rowspan="2"                             >                     <textbox name="printtext"                          width="300"                          height="196" margin="66,10,66,274"/>                     <button  click="button_click"                               ishittestvisible="true"                              isenabled="true"                         width="100"                         height="100" rendertransformorigin="0.34,-2"                         margin="166,0"                         >                         <image source="upload.png"                              stretch="fill"                              width="50"                             height="50"                             />                     </button>                 </stackpanel>             </phone:pivotitem>              <phone:pivotitem header="view statistics">             </phone:pivotitem>              <phone:pivotitem header="notification">             </phone:pivotitem>         </phone:pivot>      </grid>     <stackpanel x:name="stackpanel" grid.rowspan="2">         <stackpanel.background>             <lineargradientbrush endpoint="0.5,1" startpoint="0.5,0">                 <gradientstop color="black" offset="0"/>                 <gradientstop color="#fff3f3f3" offset="0.552"/>             </lineargradientbrush>         </stackpanel.background>              <image source="screen_loader.png"             width="350"             height="350" margin="65,120"/>         <progressbar height="10" margin="0,20,0,0" isindeterminate="true"/>     </stackpanel> </grid> 

this bit of xy problem. think want detect tap events, raised when user taps on button. change event it's handling tap.