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

  • Status: Closed
  • Prize: $150
  • Entries Received: 12
  • Winner: crazywebonline

Contest Brief

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.

Recommended Skills

Employer Feedback

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

Profile image robertkjr3d, United States.

Top entries from this contest

View More Entries

Public Clarification Board

  • AbdurrahmanOmar
    AbdurrahmanOmar
    • 5 years ago

    check entry #14 please.

    • 5 years ago
  • crazywebonline
    crazywebonline
    • 5 years ago

    Please check #10

    • 5 years ago
  • crazywebonline
    crazywebonline
    • 5 years ago

    Working

    • 5 years ago
  • ryanbaldoza
    ryanbaldoza
    • 5 years ago

    Please dont close early. Thank you

    • 5 years ago
  • gaida003
    gaida003
    • 5 years ago

    Please check my entry #6 .

    • 5 years ago
  • robertkjr3d
    Contest Holder
    • 5 years ago

    Contest entries showed show the Results View of the working example.

    • 5 years ago
    1. robertkjr3d
      Contest Holder
      • 5 years ago

      Not a generic resume

      • 5 years ago
  • robertkjr3d
    Contest Holder
    • 5 years ago

    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 years ago
    1. AbdurrahmanOmar
      AbdurrahmanOmar
      • 5 years ago

      Do you want it to completely look like the 'linked' example ? even as a start ?

      • 5 years ago
    2. robertkjr3d
      Contest Holder
      • 5 years ago

      As I mentioned, the linked example shows the size, when uploaded. I don't care. Also may be problems with the remove directory.

      • 5 years ago
  • AbdurrahmanOmar
    AbdurrahmanOmar
    • 5 years ago

    Working

    • 5 years ago
  • robertkjr3d
    Contest Holder
    • 5 years ago

    The new.js is my later attempt it get the dropzone closer to the linked example.
    Feel free to use it.

    • 5 years ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!