WPF double click edit label

Question

I have a label displaying some content. When a user double clicks the label, it should enable a user to change the content.

I did some research and found that it's usually very complex to achieve this simple effect. http://ludovic.chabant.com/devblog/2010/10/05/making-wpf-controls-double-clickable/

But all I need is a label (or textbox) that can be editable when double clicked. Is there a simpler way to do this?

Thanks!

Answer 1

I think you have to handle some events (setting up all in XAML code is not possible):

//Initially set Focusable to false
textBox1.Focusable = false;
textBox1.Cursor = Cursors.Arrow;

//FocusableChanged event handler for your textBox1
private void textBox1_FocusableChanged(object sender, 
                                       DependencyPropertyChangedEventArgs e){
  textBox1.Cursor = textBox1.Focusable ? Cursors.IBeam : Cursors.Arrow;
}
//MouseDoubleClick event handler for your textBox1
private void textBox1_MouseDoubleClick(object sender, MouseButtonEventArgs e){
  textBox1.Focusable = true;
  textBox1.Focus();
  textBox1.CaretIndex = textBox1.Text.Length;
}
//LostFocus event handler for your textBox1
private void textBox1_LostFocus(object sender, RoutedEventArgs e){
  textBox1.Focusable = false;
}

Answer 2

You can create a textbox like:

TextBox editLbl = new TextBox();
//add it to the controls list to display it

and set all properties of the label to the textbox like location, size etc.

Set the keydown event and on pressing enter, hide the textbox and set the value to the label.

You can also set background color theme same as your form window has to look like you are editing the label.