- diversityjournalAsked on March 21, 2011 at 03:12 PM
How do I edit the look of the file upload button (orange one) that is included in the dropbox upload template form?
- JotForm SupportNeilVicenteAnswered on March 22, 2011 at 02:57 AM
If you are knowledgeable with CSS, customizing that button is a breeze. Here is an example form which I edited by injecting custom CSS.
Go to Setup & Embed > Preferences > Form Styles > Inject Custom CSS
Copy the following codes to customize every single aspect of the button. Play around with the colors to find the style you like best. For color codes, go to HTML Color Codes
-moz-border-radius: 5px 5px 5px 5px;
background: -moz-linear-gradient(center top , #0066CC 0%, #000033 100%) repeat scroll 0 0 transparent;
border: 1px solid #000033;
padding: 8px 0;
text-shadow: 0 -1px #000;
background: -moz-linear-gradient(center top , #000033 0%, #0066CC 100%) repeat scroll 0 0 transparent;
The codes inside qq-upload-button-hover refers to the properties of the button when you hover your mouse over it.
- diversityjournalAnswered on March 22, 2011 at 01:06 PM
What about changing the "upload a file" button text?
- JotForm SupportNeilVicenteAnswered on March 22, 2011 at 10:23 PM
It's a little cumbersome, you'll have to really know what you're doing to prevent any consequent problems from occurring.
- leonardochiesiAnswered on June 28, 2011 at 04:44 AM
please make the button text editable. English is not the only language in the world.
- JotForm FounderaytekinAnswered on June 30, 2011 at 05:27 AM
Thanks for your suggestion. I agree with you that it should be possible to change it.
My suggestion would be to disable the "Allow Multiple" option for the upload field for now. It will then turn into the default single file upload button which will show up on the language of the browser.
- mzelicskovicsAnswered on August 04, 2011 at 02:20 PM
Button text should def be editable on the multiple upload form!
But, JotForm is the new standard for online forms so I'm sure in the next update, it will be included =)
- JotForm SupportNeilVicenteAnswered on August 04, 2011 at 02:35 PM
Thank you for your ideas. To my knowledge, it has been added to our deveopment team's todo list. We will let you know once it is made possible.
- sunilvAnswered on September 02, 2011 at 11:06 AM
At a minimum, it should be changed to "Upload Files" It's for uploading multiple files, right?
- JotForm SupportNeilVicenteAnswered on September 02, 2011 at 11:11 AM
Good call. I will forward your suggestion to our developers. Thanks!
- cronopotenciaAnswered on September 29, 2011 at 02:00 PMHi..thanks for the response.
I read the reply from Neil but I dont know how to change data in CSS. I
know what it is but it looked a bit complicated. Is there any other way to
change the language in the upload file button?
Thanks again for the assistance
- JotForm SupportmlizAnswered on October 01, 2011 at 01:19 AM
I posted the answer to your question on the following thread. You can post your comments or feedbacks there to keep it in one place and much easier to keep track.
- JotForm SupportabajanAnswered on November 30, 2011 at 10:27 AM
You will be happy to note that it's now a very simple task to edit the text on multi-upload buttons, thanks to our developer emrew86. For details, please see his post in this thread.
- JotForm SupportabajanAnswered on December 22, 2011 at 11:33 PM
There's now a user guide article regarding custom colors for the button. The CSS codes provided in the said article display the buttons correctly in IE6+ and Opera 11.10+ as well as other browsers.