Field names / placeholder remain visible on page / interactive

[michael47]

Hey,

I’m looking to improve the UX on my form by adopting some best practice where the field name / placeholder is prominent initially when unselected and no input entered.

the as you select the field you get this

and then as you enter text it looks like this

and remains like that as you click away.

Any help really appreciated,

Thanks

Michael

[J805]

So there is a plugin that almost had it working, which would be a lot easier. But unfortunately it’s not there yet.

I love a challenge, so I decided to take this on. Here is a way to do this with Native Bubble elements. Check it out:

Editor: testApp42wCleanDB | Bubble Editor
Preview: https://testapp42wcleandb.bubbleapps.io/version-test/placeholder?debug_mode=true

Does this work for you? Hope that helps!

[michael47]

Love it, a really elegant approach using the native functionality, thank you!