Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
Issues
Issues

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

Avatar of Ashleigh M.Ashleigh M.
路

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

  • Avatar of Matt J.
    Matt J.
    路

    Ashleigh M. would you mind sharing a read-only link?

  • Avatar of Ashleigh M.
    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
  • Avatar of Matt J.
    Matt J.
    路

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

  • Avatar of Matt J.
    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.

  • Avatar of Matt J.
    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.