Activity Stream
Report-Fix / Update

Add 3 files to Tasks

Monday , 4:24 PM
Project Status

Marked Design as Completed

Monday , 3:00 PM
UI
Larkon Application UI v2.0.0 Latest

Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar, and pre-order E-commerce & Marketing pages.

Monday , 2:10 PM
avatar-5
Alex Smith Attached Photos
Monday 1:00 PM
avatar-5
Rebecca J. added a new team member

Added a new member to Front Dashboard

Monday 10:00 AM
Achievements

Earned a " Best Product Award"

Monday 9:30 AM
View All
Theme Settings
Color Scheme
Topbar Color
Menu Color
Sidebar Size
Overview Official Website

Dropzone is a lightweight and powerful datetime picker.

Usage

Dropzone's CSS and Javascript files are bundled in the vender.min.css and vendor.js and globally included in all pages.

Dropzone File Upload#

DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews.

Drop your images here, or click to browse

1600 x 1200 (4:3) recommended. PNG, JPG and GIF files are allowed
                                                                      
                                                                           <div class="dropzone">
                                                                                <div class="fallback">
                                                                                     <input name="file" type="file" multiple="multiple">
                                                                                </div>
                                                                                <div class="dz-message needsclick">
                                                                                     <i class="h1 bx bx-cloud-upload"></i>
                                                                                     <h3>Drop files here or click to upload.</h3>
                                                                                     <span class="text-muted fs-13">
                                                                                          (This is just a demo dropzone. Selected files are <strong>not</strong> actually uploaded.)
                                                                                     </span>
                                                                                </div>
                                                                           </div>
                    
                                                                           <ul class="list-unstyled mb-0" id="dropzone-preview">
                                                                                <li class="mt-2" id="dropzone-preview-list">
                                                                                     <!-- This is used as the file preview template -->
                                                                                     <div class="border rounded">
                                                                                          <div class="d-flex p-2">
                                                                                               <div class="flex-shrink-0 me-3">
                                                                                                    <div class="avatar-sm bg-light rounded">
                                                                                                    <img data-dz-thumbnail class="img-fluid rounded d-block" src="#" alt="Dropzone-Image" />
                                                                                                    </div>
                                                                                               </div>
                                                                                               <div class="flex-grow-1">
                                                                                                    <div class="pt-1">
                                                                                                    <h5 class="fs-14 mb-1" data-dz-name>&nbsp;</h5>
                                                                                                    <p class="fs-13 text-muted mb-0" data-dz-size></p>
                                                                                                    <strong class="error text-danger" data-dz-errormessage></strong>
                                                                                                    </div>
                                                                                               </div>
                                                                                               <div class="flex-shrink-0 ms-3">
                                                                                                    <button data-dz-remove class="btn btn-sm btn-danger">Delete</button>
                                                                                               </div>
                                                                                          </div>
                                                                                     </div>
                                                                                </li>
                                                                           </ul>
                                                                           <!-- end dropzon-preview -->
                                                                      
                                                                 
                                                                      
                                                                           // Dropzone
                                                                           var dropzonePreviewNode = document.querySelector("#dropzone-preview-list");
                                                                           dropzonePreviewNode.id = "";
                                                                           if (dropzonePreviewNode) {
                                                                                var previewTemplate = dropzonePreviewNode.parentNode.innerHTML;
                                                                                dropzonePreviewNode.parentNode.removeChild(dropzonePreviewNode);
                                                                                var dropzone = new Dropzone(".dropzone", {
                                                                                     url: 'https://httpbin.org/post',
                                                                                     method: "post",
                                                                                     previewTemplate: previewTemplate,
                                                                                     previewsContainer: "#dropzone-preview",
                                                                                });
                                                                           }    
                                                                      
                                                                 
© Larkon. Crafted by Techzaa