Community forum for knowledge and support

Updated 8 months ago

Edit the Placeholder Text for a Multi-Select Form Field

At a glance

The community member is using Relume + Formly's multi-step form for a dance studio's online enrolment and wants to edit the placeholder text for a form select that allows multiple selection. On mobile devices, the placeholder reads '0 items', and the community member would prefer it to read 'Select a Class' or something similar. However, there is no option in Webflow settings to edit the placeholder text.

In the comments, another community member requests a read-only link, which is provided. Another community member asks for the published URL as well. The comments also suggest that customizing the placeholder text may not be possible without custom code, as the multi-select feature on mobile devices opens a system-specific dialog. The comments also mention that any custom code implementation may not be accessible, and a simpler approach would be to rely more on the label above the field to provide the user with additional context.

There is no explicitly marked answer in the comments.

Useful resources

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.

M
A
5 comments

would you mind sharing a read-only link?

can you provide the published URL for this as well? Thanks!

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.

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.

Add a reply
Sign up and join the conversation on Slack