Filament•10mo ago

"Drag & Drop your files or Browse" translation issue

I haven't found a setting for translating the Filepond's text "Drag & Drop your files or Browse" anywhere in lang/vendor/filament-forms/de/components.php . I see only translations for Editor there. How to translate this text that appears on every upload field?

Solution:

OK, I have played with the css and it is working with :before and then hiding the label, but it would be cool that languages like Japanese or Korean or even Greek and Lithuanian, Slovak, Croatian would be included or at least there would be an option to manually translate things in some config files. Basically all that are already available in Filepond https://github.com/pqina/filepond/tree/master/locale

GitHub

filepond/locale at master · pqina/filepond

🌊 A flexible and fun JavaScript file upload library - pqina/filepond

Jump to solution

13 Replies

WirkhofOP•10mo ago

It's not possible?

awcodes•10mo ago

Those translations are part of the js. They won’t be in the language files. de is included in the build for the component. So I would expect it to work if your language is setup correctly in Laravel.

WirkhofOP•10mo ago

Where is the js file translation located in Filament? It should be labelIdle according to this https://github.com/pqina/filepond/issues/39

GitHub

Translations · Issue #39 · pqina/filepond

Missing feature. I think using options for this problem is scary.

awcodes•10mo ago

It’s bundled into the js. https://github.com/filamentphp/filament/blob/3.x/packages/forms/resources/js/components/file-upload.js

GitHub

filament/packages/forms/resources/js/components/file-upload.js at 3...

A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS. - filamentphp/filament

awcodes•10mo ago

At the bottom of the file

WirkhofOP•10mo ago

great, so my locale is missing it seems

const locales = {
    ar,
    cs,
    da,
    de,
    en,
    es,
    fa,
    fi,
    fr,
    hu,
    id,
    it,
    nl,
    no,
    pl,
    pt_BR,
    pt_PT,
    ro,
    ru,
    sv,
    tr,
    uk,
    vi,
    zh_CN,
    zh_TW,
}

const locales = {
    ar,
    cs,
    da,
    de,
    en,
    es,
    fa,
    fi,
    fr,
    hu,
    id,
    it,
    nl,
    no,
    pl,
    pt_BR,
    pt_PT,
    ro,
    ru,
    sv,
    tr,
    uk,
    vi,
    zh_CN,
    zh_TW,
}

exactly I have changed it to de and it works : Dateien ablegen oder ... Japanese and Korean are missing as well 😉 What is the best approach to fix it? Do you know where is the location of this file: import no from "filepond/locale/no_nb"; filepond/locale/no_nb I can't find it in vendor folder Do you know about any way how to make it work. Perhaps some dirty css trick to swap the upload field text for ファイルをドラッグアンドドロップするか、参照します in theme.css file or something like that?