-
wordsburgAsked on February 1, 2017 at 7:37 AM
Hello,
On both my forms - 1 2 when I use single file upload, choose file button looks fine. However when I switch it to multiple file upload, it looks like below. Below is the screenshot
Please help me!
Page URL: http://www.wordsburg.com.sg/ -
sethReplied on February 1, 2017 at 8:04 AM
Hello,
I cloned one of your forms and I can replicate the issue. I am escalating it to our developers. They will fix the issue and notify you about the progress via this thread. Thank you very much for reporting it.
On the Builder:
On the published form there is no issue:
Regards.
-
wordsburgReplied on February 1, 2017 at 8:18 AM
Please note. I want the Upload a file button & form to look like below with multiple file upload option:
Please help!
-
sethReplied on February 1, 2017 at 8:46 AM
Hello again,
You need to override the styling of the button and remove the new button from your form. Here is the code:
.qq-uploader .inputContainer {
overflow: initial !important;
position: initial !important;
top: initial !important;
right: initial !important;
width: initial !important;
height: initial !important;
}
.qq-uploader .inputContainer input {
position: initial !important;
right: initial !important;
top: initial !important;
font-family: initial !important;
font-size: initial !important;
margin: initial !important;
padding: initial !important;
cursor: initial !important;
opacity: initial !important;
}
.qq-uploader .qq-upload-button {
display: none !important;
}
Here is how your form looks like after injecting this CSS:
I hope this answer helps. Please don't hesitate to contact us for your further queries.
All the best!
-
wordsburgReplied on February 1, 2017 at 8:58 AM
You need to override the styling of the button and remove the new button from your form.
1. How can I override the styling of the button?2. What do you mean by remove the new button from your form?
-
candyReplied on February 1, 2017 at 9:28 AM
Hello,
I've cloned your form on my side and tested. Please find the answers below:
"1. How can I override the styling of the button? "
You need to inject the CSS codes that my colleague Seth has written above. Please check the following guide to learn how to inject CSS code to your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
After injecting that CSS code, the problem will be solved as you can see the screenshot below of your form:
"2. What do you mean by remove the new button from your form? "
Please ignore this. You do not need to remove anything.
Please try. If you need further assistance, let us know.
Thanks in advance.
-
wordsburgReplied on February 1, 2017 at 1:11 PM
https://form.jotform.me/70162108087451
1. Please help me to remove the extra "Upload a file" button
2. Reduce the font size of Choose file by 2 points & Change the font to Lato. -
RoseReplied on February 1, 2017 at 1:54 PM
To remove upload file button on the preview, please inject following css code to your form.
.form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print {
display: none;
}
After that, your form will be seen as below when you preview your form.
Regarding your second questions, it is unfortunaltely not possible to change with a single css.
If you need more assistance from our side, please feel free to contact us.
-
wordsburgReplied on February 2, 2017 at 2:17 AM
Hello by updating above CSS code Send button is missing. https://form.jotform.me/70162108087451
Please help
-
RoseReplied on February 2, 2017 at 2:48 AM
I'm sorry for this.
I mistakenly added some other extra codes which affects your submit button.
Please remove the previous one and inject following code.
.form-all .qq-upload-button {
display : none;
}
After that, your form will be seen as following.
If you need further assistance, please do let us know. We would be pleased to help you.