How to: Change Border Properties

This example shows how to change the Background color of a Border element.

The following example places a Button element near the center of a Canvas. The Canvas is nested within a Border element in order to display a border around the element. When you click the Button element, the Brush color of the Border element changes to LightSteelBlue. The click event also adds a string of text in a TextBlock to the Canvas (which indicates that the event occurred) and updates the text content of the Button element.

<Window
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  x:Class="Border_change_programmatic.Window1"
  Title="Change Border Programmatically">
  <Border Name="root"
          BorderThickness="2"
	        BorderBrush="Black"
	        Background="LightGray"
	        Width="350"
	        Height="350">
    <Canvas>
      <Button Name="btn" Canvas.Top="40" Canvas.Left="40" Background="LightSkyBlue" Height="35" Click="ChangeBG">Click Me to change the Background Color</Button>
      <TextBlock Canvas.Top="130" Canvas.Left="40" Name="Text1">Waiting for Click!</TextBlock>
    </Canvas>
  </Border>
</Window>

The following code-behind file handles the ChangeBG method.

		void ChangeBG(object sender, System.Windows.RoutedEventArgs e)   
        	{
        	root.Background = System.Windows.Media.Brushes.LightSteelBlue;
	    	btn.Content = "Clicked!";
	    	Text1.Text = "The background is now LightSteelBlue"; 
        	}
Was this page helpful?
(1500 characters remaining)
Thank you for your feedback

Community Additions

ADD
Show:
© 2014 Microsoft