CSS Help with Dropzone.js, where customers add cad files, looking for clean design.

Estado: Closed
Premio: $150
Propuestas recibidas: 12
Ganador: crazywebonline

Winner

Resumen del concurso

I need people that have some familiarity with Dropzone.js/CSS. https://www.dropzonejs.com/ Or act like they have. In order to get anywhere near to winning the contest. You must change my-code, and post it's resulting html-css.

Here is what I'm looking for other than what it is already doing.

1) When a file goes into the 'Dropzone' box. I want it to look much cleaner. Right now when a file goes in. You highlight over the file and a 'red-line' appears. That is pretty ugly.

2) An uploaded file inside the Drop-zone is a bit too big. I couldn't figure out how to fix that.
I'm not uploading images. We are uploading cad-files.

Here's an example that's cleaner:
https://jsfiddle.net/keiserSoze/4r285yb9/
But I don't need the size information. On each upload.

You can surprise me with other examples. But you must base it in my code. If it's too different it may not fit back into my .NET code. This is a port-over.

I just noticed my J-script as it is, has an error. Well you should figure that out if you have Dropzone javscript skills.

Habilidades recomendadas

Winner

Publica un concurso similar

Comentarios del empleador

“This was a quick one. But thank you.”

robertkjr3d, United States.

Principales propuestas de este concurso

crazywebonline India

1
gaida003 Nepal

1
ripafreelancer Bangladesh

0
nasim1323 Bangladesh

0
ripafreelancer Bangladesh

0
souravkumar016 Bangladesh

0

Ver más participaciones

Tablero de aclaración pública

AbdurrahmanOmar
- 5 años atrás
check entry #14 please.
- 5 años atrás
crazywebonline
- 5 años atrás
Please check #10
- 5 años atrás
crazywebonline
- 5 años atrás
Working
- 5 años atrás
ryanbaldoza
- 5 años atrás
Please dont close early. Thank you
- 5 años atrás
gaida003
- 5 años atrás
Please check my entry #6 .
- 5 años atrás
Organizador del concurso
- 5 años atrás
Contest entries showed show the Results View of the working example.
- 5 años atrás
1. Organizador del concurso
  - 5 años atrás
  Not a generic resume
  - 5 años atrás
Organizador del concurso
- 5 años atrás
hmm... I think the 'Remove' is not deleting as it should. I may have fouled up the 'remove' routine when attempting to switch to the 'Linked' example. It uses a 'removeButton.AddEventListener'
I use a ASHX server side page to do the uploads.
- 5 años atrás
1. AbdurrahmanOmar
  - 5 años atrás
  Do you want it to completely look like the 'linked' example ? even as a start ?
  - 5 años atrás
2. Organizador del concurso
  - 5 años atrás
  As I mentioned, the linked example shows the size, when uploaded. I don't care. Also may be problems with the remove directory.
  - 5 años atrás
AbdurrahmanOmar
- 5 años atrás
Working
- 5 años atrás
Organizador del concurso
- 5 años atrás
The new.js is my later attempt it get the dropzone closer to the linked example.
Feel free to use it.
- 5 años atrás