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 [login to view URL] [login to view URL] 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:
[login to view URL]
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
    • 1 month ago

    check entry #14 please.

    • 1 month ago
  • crazywebonline
    crazywebonline
    • 1 month ago

    Please check #10

    • 1 month ago
  • crazywebonline
    crazywebonline
    • 1 month ago

    Working

    • 1 month ago
  • ryanbaldoza
    ryanbaldoza
    • 1 month ago

    Please dont close early. Thank you

    • 1 month ago
  • gaida003
    gaida003
    • 1 month ago

    Please check my entry #6 .

    • 1 month ago
  • robertkjr3d
    Contest Holder
    • 1 month ago

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

    • 1 month ago
    1. robertkjr3d
      Contest Holder
      • 1 month ago

      Not a generic resume

      • 1 month ago
  • robertkjr3d
    Contest Holder
    • 1 month 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.

    • 1 month ago
    1. AbdurrahmanOmar
      AbdurrahmanOmar
      • 1 month ago

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

      • 1 month ago
    2. robertkjr3d
      Contest Holder
      • 1 month ago

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

      • 1 month ago
  • AbdurrahmanOmar
    AbdurrahmanOmar
    • 1 month ago

    Working

    • 1 month ago
  • robertkjr3d
    Contest Holder
    • 1 month ago

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

    • 1 month 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!