Hide dynamically created child elements of a grid

I have a grid in which I have created and added elements from the code behind.

Dim staffImgLeft As New Controls.Image()
staffImgLeft.Name = "StaffImgLeft"
mainGrid.Children.Ad开发者_StackOverflow社区d(staffImgLeft)

When I am attempt to remove the child elements from the grid they are not being removed.

mainGrid.Children.Remove(mainGrid.FindName("StaffImgLeft"))

There are no errors when the code runs. Can anyone advise why my code isnt working?

FindName returns null, hence nothing gets removed.

Register the name instead of setting it to make it findable:

mainGrid.RegisterName("StaffImgLeft",staffImgLeft)

You should use RegisterName and UnregisterName so you have an accessor that simplifies access to the NameScope registration.

Dim staffImgLeft As New Controls.Image();
staffImgLeft.Name = "StaffImgLeft";
mainGrid.Children.Add(staffImgLeft);
// register name
mainGrid.RegisterName(staffImgLeft.Name, StaffImgLeft);

// then remove
mainGrid.Children.Remove(mainGrid.FindName("StaffImgLeft"));
// un-register if you intend to re-register an element with the same name later.
mainGrid.UnregisterName("StaffImgLeft");

You should probably read about WPF XAML Namescopes http://msdn.microsoft.com/en-us/library/ms746659.aspx