[Resolved] Rename and style 'choose file' button in forms in Toolset

[Author]

Posts

[pramodk-2]

In my requirement, created an image (both repeated and non-repeated) fields.
However, the 'choose file' button in the forms name needs to be changed to 'Upload Photo' and style as per the image attached.

Also, please suggest to rename 'no file choosen' to 'no photo' choosen.

Referred to the below link but seems not working.
https://toolset.com/forums/topic/im-trying-to-style-file-input-button-on-cred-form-but-i-cant-reach-it-with-css/

Currently the existing style does not seem to be looking good and should be changed. Please suggest me on how do we achieve this?

Please find attached the images of both existing and the one which is expecting.

[Waqar]

Hi,

Thank you for contacting us and I'd be happy to assist.

The file upload type input fields are challenging to style since different browsers and devices show them differently.

If you'll check your same form with these input fields in browsers like Chrome and Firefox, you'll see that not only the appearance but the text labels for the button and no file chosen message would be different.

I'll personally not recommend adding any custom styles or scripts to change their appearance since each user would be accustomed to seeing the file upload field in a certain format, as per his/her browser and device.

However, if you'd still like to customize it, you'll find some useful suggestions and hacks from these guides:

hidden link
hidden link
https://stackoverflow.com/questions/572768/styling-an-input-type-file-button
hidden link

regards,
Waqar

[pramodk-2]

I will agree with your suggestion and leave this for now.

My issue is resolved now. Thank you!