Tag Archives jquery ui

How to Use ngDraggable in AngularJS? ngDraggable is drag and drop module for AngularJS, provided support for touch devices.   Usage Referenced scripts in head tag. [crayon-59e6823336bd2883007158/] In dependencies of application use ngDraggable [crayon-59e6823336bdd804125024/] Add directive attributes ng-drag ng-drag-data ng-drag-success ng-center-anchor to your HTML: [crayon-59e6823336be2768396010/] Now add Drop area: [crayon-59e6823336be6684001101/] Then create a controller: [crayon-59e6823336be9130376457/] Below is an example using Jquery UI:…

Resize Elements Using Jquery UI jQuery UI has resizable() method which is used to set if an element can be resizable or not. This resizable plugin makes selected elements resizable by dragging corners or sides of element. Draggable arrow will be displayed on hover of end points. This resizable() method can be used as in below methods: $(selector, context).resizable(options) $(selector, context).resizable(actions, [params]) Below is simple resizable widget using…

Close