How to Change Placeholder Text for Multi-Step Forms in Relume

·

Hey everyone! 👋 Using Relume + Formly's multi-step form for a dance studio's online enrolment. I'm wanting to edit the placeholder text for a form select that allows multiple selection. On mobile devices it's placeholder reads '0 items'... (Image attached) Would love if it read 'Select a Class' or something like that. Any suggestions? P.S - there is no option in Webflow settings to edit the Placeholder text.

5 comments

Matt J.
·
Ashleigh M. would you mind sharing a read-only link?
Ashleigh M.
·
Definitely! Look for the page 'Enrolment Form'. https://preview.webflow.com/preview/extravadance-242027?utm_medium=preview_link&utm_so[…]7&preview=58429ee7f41212706a6a3082df6c09e9&workflow=preview
🙌1
👀1
Matt J.
·
Ashleigh M. can you provide the published URL for this as well? Thanks!
Matt J.
·
In my early testing, this appears to be a mobile device specific UX because of the nature of the multi-select. It opens up a completely operating-system specific dialog and everything, so there's a really good chance you can't customize this without custom code.
Matt J.
·
And with some custom code implementations, they may not be accessible, so you'd have to also consider making them accessible placeholders (arai-label, etc). A much more simple approach would be to rely more on the label above the field to provide the user with additional context as to what their action should be.