Field names / placeholder remain visible on page / interactive

michael47 · 2025-03-04T17:53:17.069Z

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.

image607×311 13.8 KB

the as you select the field you get this

image605×168 5.69 KB

and then as you enter text it looks like this

image592×158 6.86 KB

and remains like that as you click away.

Any help really appreciated,

Thanks

Michael

J805 · 2025-03-04T20:03:32.245Z

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:

Screen Recording 2025-03-04 at 12.00.08 PM (1)

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

Does this work for you? Hope that helps!

michael47 · 2025-03-04T20:15:53.604Z

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