i have grid panel , want border color change when click on button
<grid grid.row="3" name="locationlayoutpanel" verticalalignment="top" margin="0,51,0,0" height="65" showgridlines="true"> <grid.columndefinitions> <columndefinition width="*" /> <columndefinition width="9*" /> <columndefinition width="2*" /> </grid.columndefinitions > <border borderthickness="2,2,2,2" borderbrush="red" grid.columnspan="3" grid.rowspan="2"/> <button content="change border color" grid.row="1" grid.column="1" click="chnagebgcolor"></button> </grid> when click on "change border color" button grid border color should changed!
thank you!
xaml:
<border borderthickness="2,2,2,2" grid.columnspan="3" grid.rowspan="2"> <border.style> <style targettype="border"> <setter property="borderbrush" value="red"/> <style.triggers> <datatrigger binding="{binding elementname=button, path=ispressed}" value="true"> <datatrigger.enteractions> <beginstoryboard> <storyboard> <coloranimation storyboard.targetproperty="(border.borderbrush).(solidcolorbrush.color)" to="greenyellow"/> </storyboard> </beginstoryboard> </datatrigger.enteractions> </datatrigger> </style.triggers> </style> </border.style> </border> <button name="button" content="change boarder color" grid.row="1" grid.column="1"></button> programically:
add name border , set follows:
bordername.borderbrush = new solidcolorbrush(colors.greenyellow);
Comments
Post a Comment