Nintex form textbox text fade

[#1]

Hi!

I would like to ask if it is possible to have a text inside a textbox that fades when you click on the textbox? Right now I use 1 label and 1 textbox on my form. The label says what to write in the textbox i.e "Name". The user then knows what to write in that textbox. But I would like to use some text inside the textbox to show the user what to write so when the user clicks on the textbox it will erase/fade the text. It should not be a initial value otherwise if the user doesnt write anything and submits the text will become the value. I hope my question is understandable

Thanks!

Ashik

[christopheraucq]

Hi Ashik,

You can use the help of the control setting.

Even it is not really what you want, it helps the user.

Regards,

Christophe

[#3]

Hi Christophe!

Maybe I just have to code with JS. But I will check the help control setting to see if its something usefull to use.

Br

Ashik

[christopheraucq · Accepted solution]

Hi Ashik,

Here is the Javascript,

I am O365 but it should be the same on Premises.

In the setting of your text box, give a name to Client ID JavaScript variable name: txtTitle

In Form Settings, under Custom Javascript,

NWF$(document).ready(function(){ 

NWF$('#'+txtTitle).attr("placeholder", "My Hint");

});

Remark, this is working in recent browsers as PlaceHolder is a HTML 5 Attribute

Regards,

Christophe

[#5]

Hi Christophe,

Thank you alot! it was exactly what I was looking for. Now it works!

Br,

Ashik

[bamaeric]

This seems to work with Nintex Forms 2013, but I have been unable to get this to work with Nintex Forms 2010.  Any chance you can get it to work with Nintex Forms 2010?

[Ashlee]

This is what I was looking for. How can I make these help text smaller in font and also in different font color? Could you please help? Thanks a bunch! 

[#8]

Hi, Ashik Chowdhury​,Let us know things work out for you and select a "correct answer" if there is one. Thanks!

[#9]

Hi Frank,

I try my best to reply and mark the answers ASAP

Br

Ashik

[#10]

Fantastic, much appreciated!