dropzone.js - configure dropzone display area -
i have implemented dropzone.js on asp.mvc 4. need shorten height of dropdown area , translate texts. there easy way so? tried modify css no results; dropdown area still takes same height.
finally got 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 select files</button> <script> new dropzone("div#previews", { // make whole body dropzone url: "/home/fileupload", // set url previewscontainer: "#previews", // define container display previews clickable: "#clickable", // define element should used click trigger select files. maxfiles:5, acceptedfiles:"image/*,application/pdf" }); </script> </body>
Comments
Post a Comment