Show greyed out text in field & vanish once entered

[Community Alums]

Hi,

I want to add a greyed text on field on front end form which must be displayed already inside field when form is loaded ,also it must be vanished once text is entered on field. PFA for reference (Highlighted Text).

[Robbie]

Hi @Community Alums,

This is easily achieved and the solution differs depending on the type of field type and form you're wanting to implement this on.

If (based on your screen shot) it's a catalog item and variable, simple enter the text within the "Example text" field on the variable attributes. (Screen shot below)

If it's a 'task' form such as incident for example, you'd have to handle it with something like a simple onLoad Client Script as below.

Variable:

Client Script:

function onLoad() {
    var field = g_form.getElement("short_description"); //name of field where you wish to display the palceholder text
    if (field) {
        field.setAttribute('placeholder', 'Enter Short Description here...'); //change the text accordingly for your needs
        }
}

To help others (or for me to help you more directly), please mark this response correct by clicking on Accept as Solution and/or Kudos.


Thanks, Robbie

[Dr Atul G- LNG]

Hi @Community Alums 

Seems you want to add this text on variable

[Sid_Takali]

Hi @Community Alums It is called a Placeholder and you can add it in Example Text Field on your Variable.

[shubhamverm3478]

It worked fine.

Thanks a lot