Wednesday, July 15FreeJQuery

Tag: Drag & Drop

angular-schema-form angular 6
Bootstrap, Date & Time, Drag & Drop, Forms, Plugins

angular-schema-form angular 6

Angular Schema Form Angular 6:Angular Schema Form is a set of AngularJS directives (and a couple of services) to generate Bootstrap 3 ready forms from a JSON Schema.Features of Angular Schema Form Angular 6:Validates the form using a JSON Schema Fine tune presentation with a form definition, change field types, change order, etc Lots of basic form types out of the box. Supports array with drag’n’drop or in tabs Add-ons for more fanciful stuff like wysiwyg editors, datepickers, colorpickers, font-pickers etcWhat is it? Schema Form is a set of AngularJS directives (and a couple of services). It can do two things to make life easier:Create a form directly from a JSON schema. Validate form fields against that same JSON schema.Schema Form uses con...
Angular 4+ Sortable List Components : ngx-sortable
Drag & Drop, Plugins

Angular 4+ Sortable List Components : ngx-sortable

Angular 4+ Sortable List Components ngx-sortable an angular 4 and above component for sorting list supporting drag and drop sort. ngx-sortableFeatures of ngx-sortableCustom template Customizable Drag and drop sorting npm install ngx-sortable import NgxSortableModule into your app.module;import { NgxSortableModule } from 'ngx-sortable'add NgxSortableModule to the imports of your NgModule:@NgModule({ imports: [ ..., NgxSortableModule ], ... }) class YourModule { ... }use <ngx-sortable></ngx-sortable> in your templates to add sortable list in your view<ngx-sortable [items]="items" [name]="'List'" (listSorted)="listOrderChanged($event)"> <ng-template let-item> <div class=...
PlainDraggable : JavaScript Library to Drag HTML/SVG Element
Core Java Script, Drag & Drop

PlainDraggable : JavaScript Library to Drag HTML/SVG Element

PlainDraggable  is a simple and high performance library to allow HTML/SVG element to be dragged.Features:Accept HTML/SVG element as an element that comes to be draggable. Restrict the draggable area. Snap the draggable element to other elements, points, lines, consecutive points (i.e. grid) or something. Use requestAnimationFrame API, translate and will-change CSS if possible, for high performance.Read More | Demo | Download  
Dragula : JavaScript Drag and Drop Library
Core Java Script, Drag & Drop

Dragula : JavaScript Drag and Drop Library

Dragula is a  javascript drag and drop Library.Features:Super easy to set up No bloated dependencies Figures out sort order on its own A shadow where the item would be dropped offers visual feedback Touch events! Seamlessly handles clicks without any configurationRead More | Demo | Download -
elFinder : jQuery File manager for web
Drag & Drop, HTML5, jQuery UI Plugin, JSON, Plugins, Web

elFinder : jQuery File manager for web

ElFinder is an open-source file manager for the web.Features:All operations with files and folders on a remote server (copy, move, upload, create folder/file, rename, etc.) High-performance server backend and light client UI Local file system, MySQL, FTP volume storage drivers Background file upload with Drag & Drop HTML5 support Standard methods of file/group selection using mouse or keyboard Move/Copy files with Drag & Drop Archives create/extract (zip, rar, 7z, tar, gzip, bzip2) Quicklook, preview for common file types “Places” for your favorites Calculate directory sizes Thumbnails for image files Easy to integrate with web editors (elRTE, CKEditor, TinyMCE) Flexible configuration of access rights, upload file types, user interface ...
jQuery Tagit Plugin
Drag & Drop, jQuery UI Plugin, Web

jQuery Tagit Plugin

The jQuery Tagit Plugin transforms an html unordered list into a unique tagging plugin.Features:Convenient way for users to enter a list of items Fully integrated with jQuery UI Autocomplete Automatically adds current input as a tag if input loses focus Easy to use public methods Easy to the theme (single CSS file) Customizable trigger keys Backspace on empty input deletes the previous tag Ability to provide initial tags on creation though options Ability to provide initial tags on creation via list items Option to toggle usage of a hidden select so the tags can be sent using a normal form!Read More | Download
Azexo : jQuery drag and drop HTML builder with Bootstrap
Bootstrap, CSS2 / CSS3.0, Drag & Drop, HTML5, Web

Azexo : jQuery drag and drop HTML builder with Bootstrap

jQuery drag and drop HTML builder – compile Bootstrap based HTML and JS. Builder extract required JS code (about 0% – 15%) from itself and provide it with resulting HTML to allow initialization a third party JS libraries on the frontend. Generated HTML contains “data” attributes which store JS libraries settings and helpers to allow parse document structure by an editor.Read More | Download