Ajax File upload

-- url of the page with the problem -- : www.quickcheapprint.co.nz
-- HikaShop version -- : 2.2.3

Hi there, I are playing around with the new ajax file upload. When the user clicks on the icon and uploads the file (or drags the file into the dropzone), it shows the filename and the name runs outside the dropzone and covers up other objects on the page. Is there a way to cut off the end of the filename so it only displays what it can fit within the dropzone?

Thanks
Alan

Hi,

Can you provide a screenshot ?
There are some variables in the views that you can change in order to change the maximum display length.
But I want to be sure that the text is the only responsible for your trouble.

Regards,

Sure, here it is.

Thanks
Alan

Hi,

You have to override the view "front-end / you template / upload / file_entry" in order to cut the file name which is displayed by this line: Regards,

Thanks Jerome, I'll go check it out.

Alan

Might need some more help with this. I altered the line of code to add the "overflow:hidden" attribute but it doesn't seem to change it:
<span class="file_name" style="white-space:nowrap; overflow:hidden;"><?php echo $this->params->file_name; ?>

Should this have worked?
Thanks
Alan

Hi,

The span won't overflow because his width his the width of his content.
You should use some other CSS rules, like the max-width.
But the best should still be the modification of the content by the PHP.

Regards,

Hi, I've just tried various methods in that view and nothing seems to make any difference.
I also tried placing
.file_name into the main HS custom CSS file setting the max width and it made no difference.

Where else can I alter it?
Thanks
Alan

Hi,

Maybe something like : where you can change the width in order to feet to your design.

Regards,

I'm having problems having the Ajax file upload field to appear even though I have enabled and assigned to right category as an item custom field. Please advise on what I need to do to correct this.

And the field name has underscores in it rather than normal field type name like "ajax upload"

See attached. Thanks

Never mind, found the solution on another thread. Missing CSS code.