Input field: Greyed with no user input, normal otherwise

Jun 06, 2013

Is there a way to make a input field have a greyed out look when there's no user input in the field and switch to black text when a user has typed in the field?

I mean a way to do it natively; not with a hack.

2 Replies
Rebecca Fleisch Cordeiro

Hi Mike,

Not sure exactly what you mean here. Can you explain further? Are you referring to text entries?

By default, if you select Insert >Date Entry >Text entry and click to place a text box on the screen, default text appears in the box: "Type your text here." That text can be deleted. Then, when the story plays and the user inputs text, the text is black.

Mike Bethany

Yes, I was specifically talking about input field of the type text but numeric type input fields should act the same way as well.

It's common to have fake info as the prompt to demonstrate the format you want used for data entry. This prompt text is usually grey and italic so the user knows they didn't enter the info themselves. When the user inputs their data the color of the text changes to black (or some other color) and is no longer italic.

See the attached Storyline file for a demo.

This discussion is closed. You can start a new discussion or contact Articulate Support.