Draggable

The Draggable extension allows you to turn any element on your page into an interactive element that can be dragged around by you site visitor. It includes several features that give you the ability to easily create different effect patterns.

 

Draggable

  • Target: The target element that will be dragged
    • Self: The current element
    • Selector: The element with the given selector
  • Target Selector: The target selector ( only available when Target = Selector )
  • Trigger Element: The element that will be used as a trigger
    • Self: The current element
    • Selector: The element with the given selector
  • Trigger Selector: The trigger selector ( only available when Trigger Element = Selector )
  • Transform Type: The type of transformation that can be applied
    • Horizontal & Vertical: Element can be dragged both horizontally and vertically
    • Horizontal: Element can only be dragged horizontally
    • Vertical: Element can only be dragged vertically
  • Enable Bounding Container: Use another element as the bounding limits for the dragged element ( ie: the dragged element cannot leave the bounding container )
  • Bounding Container Selector: The selector of the bounding container
  • Drag Resistance: Applies a friction factor to the drag movement
  • Disable on Touch Devices: Disable the extension on touch-capable device