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

Hali: Closed
Zawadi: $150
Wasilisho Zilizopokelewa: 12
Mshindi: crazywebonline

Winner

Maelezo ya Shindano

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.

Ujuzi unaopendekezwa

Winner

Tuma Shindano kama Hili

Maoni ya Muajiri

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

robertkjr3d, United States.

Wasilisho kuu kwenye hili shindano

crazywebonline India

1
gaida003 Nepal

1
ripafreelancer Bangladesh

0
nasim1323 Bangladesh

0
ripafreelancer Bangladesh

0
souravkumar016 Bangladesh

0

Angalia wasilisho zaidi

Bodi ya Ufafanuzi ya Umma

AbdurrahmanOmar
- Miaka 5 iliyopita
check entry #14 please.
- Miaka 5 iliyopita
crazywebonline
- Miaka 5 iliyopita
Please check #10
- Miaka 5 iliyopita
crazywebonline
- Miaka 5 iliyopita
Working
- Miaka 5 iliyopita
ryanbaldoza
- Miaka 5 iliyopita
Please dont close early. Thank you
- Miaka 5 iliyopita
gaida003
- Miaka 5 iliyopita
Please check my entry #6 .
- Miaka 5 iliyopita
Mwenye Shindano
- Miaka 5 iliyopita
Contest entries showed show the Results View of the working example.
- Miaka 5 iliyopita
1. Mwenye Shindano
  - Miaka 5 iliyopita
  Not a generic resume
  - Miaka 5 iliyopita
Mwenye Shindano
- Miaka 5 iliyopita
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.
- Miaka 5 iliyopita
1. AbdurrahmanOmar
  - Miaka 5 iliyopita
  Do you want it to completely look like the 'linked' example ? even as a start ?
  - Miaka 5 iliyopita
2. Mwenye Shindano
  - Miaka 5 iliyopita
  As I mentioned, the linked example shows the size, when uploaded. I don't care. Also may be problems with the remove directory.
  - Miaka 5 iliyopita
AbdurrahmanOmar
- Miaka 5 iliyopita
Working
- Miaka 5 iliyopita
Mwenye Shindano
- Miaka 5 iliyopita
The new.js is my later attempt it get the dropzone closer to the linked example.
Feel free to use it.
- Miaka 5 iliyopita