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

  • Status: Closed
  • Preis: $150
  • Einträge eingereicht: 12
  • Gewinner: crazywebonline

Kurzbeschreibung des Wettbewerbs

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.

Empfohlene Fähigkeiten

Feedback vom Arbeitgeber

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

Profilbild robertkjr3d, United States.

Top-Einträge für diesen Wettbewerb

Mehr Einträge sehen

Öffentliche Anschlagtafel

  • AbdurrahmanOmar
    AbdurrahmanOmar
    • 5 Jahre zuvor

    check entry #14 please.

    • 5 Jahre zuvor
  • crazywebonline
    crazywebonline
    • 5 Jahre zuvor

    Please check #10

    • 5 Jahre zuvor
  • crazywebonline
    crazywebonline
    • 5 Jahre zuvor

    Working

    • 5 Jahre zuvor
  • ryanbaldoza
    ryanbaldoza
    • 5 Jahre zuvor

    Please dont close early. Thank you

    • 5 Jahre zuvor
  • gaida003
    gaida003
    • 5 Jahre zuvor

    Please check my entry #6 .

    • 5 Jahre zuvor
  • robertkjr3d
    Wettbewerbs-Inhaber
    • 5 Jahre zuvor

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

    • 5 Jahre zuvor
    1. robertkjr3d
      Wettbewerbs-Inhaber
      • 5 Jahre zuvor

      Not a generic resume

      • 5 Jahre zuvor
  • robertkjr3d
    Wettbewerbs-Inhaber
    • 5 Jahre zuvor

    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 Jahre zuvor
    1. AbdurrahmanOmar
      AbdurrahmanOmar
      • 5 Jahre zuvor

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

      • 5 Jahre zuvor
    2. robertkjr3d
      Wettbewerbs-Inhaber
      • 5 Jahre zuvor

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

      • 5 Jahre zuvor
  • AbdurrahmanOmar
    AbdurrahmanOmar
    • 5 Jahre zuvor

    Working

    • 5 Jahre zuvor
  • robertkjr3d
    Wettbewerbs-Inhaber
    • 5 Jahre zuvor

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

    • 5 Jahre zuvor

Mehr Kommentare zeigen

Einstieg in Wettbewerbe

  • Veröffentlichen Sie Ihren Wettbewerb

    Veröffentlichen Sie Ihren Wettbewerb Schnell und einfach

  • Erhalten Sie zahlreiche Einträge

    Erhalten Sie zahlreiche Einträge aus der ganzen Welt

  • Vergeben Sie die Prämie an den besten Eintrag

    Vergeben Sie die Prämie an den besten Eintrag Laden Sie die Dateien herunter - ganz einfach!

Wettbewerb Veröffentlichen oder registrieren Sie sich heute!