All geek questions in one place

Set the drop zone display area

I have successfully implemented dropzone.js on my ASP.MVC 4. But I need to reduce the height of the dropdown menu and translate the texts. Is there an easy way to do this? I tried changing CSS without any results; the drop-down area is still the same height.

+5
source share
1 answer

Finally got my own answer:

<html> <head > <meta name="viewport" content="width=device-width" /> <title>Index2</title> <script src="/media/dropzone.js"></script> <link href="~/Media/css/basic.css" rel="stylesheet" /> <link href="~/Media/css/dropzone.css" rel="stylesheet" /> </head> <body> <style> .dropzone-previews { height: 200px; width: 500px; border: dashed 1px red; background-color: lightblue; } </style> <div id="previews" class="dropzone-previews"></div> <button id="clickable">Click me to select files</button> <script> new Dropzone("div#previews", { // Make the whole body a dropzone url: "/home/fileUpload", // Set the url previewsContainer: "#previews", // Define the container to display the previews clickable: "#clickable", // Define the element that should be used as click trigger to select files. maxFiles:5, acceptedFiles:"image/*,application/pdf" }); </script> </body>

+9
source

Source: https://habr.com/ru/post/1200655/

More articles:


All Articles