I am trying to figure out a script that will hide the filename, file size and delete X that shows up when you upload a file in Forms. It must remain hidden when saved to repository. Any help is much appreciated!
Have you tried CSS?
/* Hides the file name, file size, and X button. */
.ellipsis, .imgSize, .delCell{
display: none;
}
Thank you. That is what I was looking for. Is there any place in particular that names "variables" that you have to use in code? Where does "ellipsis" come from?
The classes ellipsis contains the file name, imgSize contains the file size, and delCell contains a link with the X to remove the file.
In order to have the ellipsis act only on the upload fields you have to identify them in the css. Just add the #q? in front for each upload field. Your submit button will return.
/* Hides the file name, file size, and X button. */
#q25 .ellipsis, .imgSize, .delCell{
display: none;
}
I'm not sure what you are asking. If you hide that information, there will be nothing at all to indicate that I've uploaded files. As a user, how do I know which files I've uploaded? Also, if you remove the "X", you'll be removing the ability to correct a mistake if somebody accidentally uploads the wrong file.
Can you describe a little more about your intent?
It was the end result in repository that I don’t want the items showing. During the process I am uploading an image that I have scripted to appear on the form. When it is submitted it saves a different form to repository, which is a permit that has the permitee’s photo on it. It’s on that saved pdf that I don’t want the file name appearing. It looks unprofessional to have johndoe.jpg showing above the photo. I can’t find a way to even change the file name text color to white. That would even work. Let me know if you have any suggestions. Thank you Devin!
Thank you for this posting. I was looking for something like this too (not showing the file name) and it works great BUT it removes my "SUBMIT" button for some reason. I put this CSS code in my last form:
/* Hides the file name, file size, and X button. */
.ellipsis, .imgSize, .delCell{
display: none;
}
I still want to hide the file name but I need my SUBMIT button back. Any help would be appreciated! :)
Make sure that you do not have .Submit, button, input, or other selectors open before the additional CSS code.
Hello, I have exactly the same issue. When I directly paste the code in the CSS text area, the SUBMIT button disappears.
I am not really familiar with the CSS code so could you give me more details about the Michael's solution ? How can I check the code before the one I add ?
Thanks a lot
Veronique