Truncating HTML 'Browse' filename

Asked Oct 28 '13 at 12:52

Active Oct 28 '13 at 12:52

Viewed 367 times

I have a separate PHP file containing the logic and form code for an upload script I written. I have included it into a div on my admin page and I have it set to float: right. However, when I select a file with an exceptionally long filename, it pushes the entire form away from the right hand side of the page and I wish to be able to truncate it. I have tried variants of overflow: hidden and text-overflow: ellipsis but can't get it to shorten as it's a part of the HTML browse form.

e.g. Original: 01123581321345589144.jpg Truncated: 0112358...

Thanks in advance

asked Oct 28 '13 at 12:52

Dave Melia

1

Have you tried setting a max-width on the input field? I know that works in Chrome but not sure about the other browsers. – myajouri Oct 28 '13 at 13:24
-facepalm- This worked for the div container -- many thanks. – Dave Melia Oct 28 '13 at 14:03

Truncating HTML 'Browse' filename

0 Answers0