Clear text in Text box on clicking it

Question

I want my TextBox's text which has already product name on it to automatically vanishes when I click on it, and I can enter the text box I want in it.

The product name must be there always while there is no text in the TextBox
I also want that if I click on the TextBox for the second time I don't lose what I've already entered.

Please let me know how can I do it without loosing the data I've entered manually in it and I can get the default text whenever there is nothing entered by myself in the text box.

score 1 · Answer 1 · answered Feb 10 '14 at 09:46

That behavior is known as watermark. You can either :

Use textbox control with watermark from a library such as WPF extended toolkit
Implement it your self using style and attached behavior as demonstrated in this blog post
Do some trick to achieve the same behavior with simpler code, for example as shown in this codeproject post

score 1 · Accepted Answer · edited Dec 10 '16 at 08:57

why use some extra software and not to use your own mind to code? here is the simple code to achieve this task

first use this:

public bool txSearch = false;

then on your text click event code:

private void txtSearch_Click(object sender, EventArgs e)
{
    txSearch = true;

    if (txtSearch.Text == "Product Name")
    {
        if (txSearch == true)
        {
            txtSearch.Text = "";
        }                   
    }
}

this will clear your field text box when you click on the text, now to write back the product name when there is nothing in your textbox and you are leaving it do this code on textbox leaving event:

private void txtSearch_Leave(object sender, EventArgs e)
{
    if (txtSearch.Text == "")  // here you can also use txtSearch.Text != "Poduct Name", but it could affect your search code possibly 
    {
        txtSearch.Text = "Product Name";  
    } 
}

score 0 · Answer 3 · answered Feb 10 '14 at 09:42

You should consider using a third party control, there are plenty WatermarkTextbox Controls available. I prefer the one from xceed: http://wpftoolkit.codeplex.com/wikipage?title=WatermarkTextBox

I wrote this behavior by myself some time ago, used an AdornerDecorator to lay over the TextBox, bound the IsFocused Property to my ViewModel and made a flag ShouldShowWatermark in which I bound the Visibility of the AdornerDecorator.

score 0 · Answer 4 · edited May 23 '17 at 12:30

0

You actually need a watermark for your textbox.

Please look at this answer of Watermark / hint text TextBox in WPF to implement an attached property to a textbox.

edited May 23 '17 at 12:30

Community

1
1

answered Feb 10 '14 at 09:43

Krishna

1,956
13
25

score 0 · Answer 5 · answered Aug 24 '20 at 18:07

This will work:

Go to the "properties" of your textbox. You will see a yellow lightning bolt in the first line tab. There you will find all possible events that can be triggered. Search for "Enter" or "Click" entry, double-click it. There you can put whatever you want (such as textBox1.Clear();)

Clear text in Text box on clicking it

5 Answers5

Linked