cancel
Showing results for 
Search instead for 
Did you mean: 
Not applicable

Nintex form textbox text fade

Jump to solution

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

0 Kudos
Reply
14 Replies
christopheraucq
Automation Master
Automation Master

Re: Nintex form textbox text fade

Jump to solution

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

Reply
Not applicable

Re: Nintex form textbox text fade

Jump to solution

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

Reply
christopheraucq
Automation Master
Automation Master

Re: Nintex form textbox text fade

Jump to 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

View solution in original post

Reply
Not applicable

Re: Nintex form textbox text fade

Jump to solution

Hi Christophe,

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

Br,

Ashik

Reply
bamaeric
Nintex Employee
Nintex Employee

Re: Nintex form textbox text fade

Jump to solution

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?

0 Kudos
Reply
Ashlee
Nintex Newbie

Re: Nintex form textbox text fade

Jump to solution

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! 

0 Kudos
Reply
Not applicable

Re: Nintex form textbox text fade

Jump to solution

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

0 Kudos
Reply
Not applicable

Re: Nintex form textbox text fade

Jump to solution

Hi Frank,

I try my best to reply and mark the answers ASAP

Br

Ashik

Reply
Not applicable

Re: Nintex form textbox text fade

Jump to solution

Fantastic, much appreciated!

0 Kudos
Reply