How to Clear empty display value on TextItem on click

[kevboy]

I'm using TextItem.setEmptyDisplayValue() and was wondering how to clear the empty display value when a user clicks or focuses on the item like how Google calendar does it (see attached image).

[davidj6]

Have you tried using a hint with showHintInField=true?

[kevboy]

Awesome, it worked. Thanks!

[kevboy]

Actually now that I got the functionality working, I'm trying to style the hint in the text box but it's not working with setHintStyle. Any ideas?

[davidj6]

The setHintStyle does not apply to an in-field hint. You have to change the styling by modifying the textItemHint style because it also provides the L&F for the text box.

[kevboy]

Thanks for the hint! After poking around with the dev console, I found out that calling setTextBoxStyle("style") and setting "style" and "styleHint" in my css file worked.

[kevboy]

Also, "styleFocused" is another style that will work when the cursor is in the text item.