How to change the `live_file_input`'s default text based on local?

Phoenix Forum Questions / Help
, , , ,
1

How can I change the default’s live_file_input text based on a local provided as a URL param?

Right now the text is always in English, irrespective of the URL parameters (or even the browser’s language).

I guess I would have to rely on some JavaScript?

<div id="upload-audio-from-user-file-system" class="flex flex-col gap-2">
  <.label><%= gettext("Upload an audio file from your device") %></.label>
  <.live_file_input
    upload={@uploads.audio_from_user_file_system}
    phx-click="change_upload_type"
    phx-value-upload_type="from_user_file_system"
  />
</div>

Screenshot 2024-10-15 at 22.25.43
Screenshot 2024-10-15 at 22.25.431384×676 24.7 KB

2

Have you tried specifying the lang html attribute?

e.g. for Spanish

<.live_file_input
  # your current attributes
  lang="es"
/>
3

Hey thanks for the reply, I didn’t know this attribute existed!

I’m not sure how to use it in this context. I have set the lang="es" and lang="it" but I still see the default English text.

Perplexity is telling me that I can use this attribute to change the default text.