Drag And Drop Mobile
Stable Version 2.0.0
Published on 23 November 2017 by 
Created on 28 June 2017
Details
Manipulate UI objects and their behavior, by dragging and dropping them in different areas of your application. You can long press an element before you drag it and sort it to display information any way you’d like.

This component is not supported.

Learn more on the Silk UI Website.
Read More

Use the Drag and Drop component to browse through a catalogue, to assign tasks, or to add items to different lists or to sort items through lists or even in the same list. You can long press an element before you drag it.

It is fully compatible with Silk UI Themes and its customizations.


There are 2 blocks: DraggableItem and DropArea.

Each block receives a unique identifier, which will later be returned on the OnDrop or OnDropReceive events. In the DraggableItem block select the elements which will be draggable, and use the DropArea block to define the areas where those elements can be dropped.

If you want to sort items, set the Sort input parameter located in the DropArea’s block. This will make a specific DropArea sortable.

You can choose a time to start the interaction by setting a value in milliseconds in the Longpress input parameter, located in the DraggableItem block.


This component is not officially supported.

Learn more on the Silk UI Website.

What’s new (2.0.0)

New Features:

  • Sortable Items
  • Long Press
Reviews (0)
Category
UI & Widgets
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Labs who created this component.
Dependencies
See all 1 dependencies
Requirements
Platform
10.0.0.402
Database
All
Stack
All
Team
Component Consumers
Drag And Drop Mobile has no consumers.
Weekly Downloads 
Related Components
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
7342
Google Maps
Labs
Google Maps is a Google Maps Javascript V3 API component, providing Web Blocks and Actions to add interactive maps, markers and directions, along with event driven functionality.
10668
OutSystems UI Web
OutSystems R&D
Create amazing web responsive applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
1263
More from Labs
OnTrack
Labs
The OnTrack open source application template offers powerful, yet simple, project tracking and collaboration, to support fast continuous delivery of your applications. Integration with OutSystems App Feedback allows end-to-end follow-up by the project teams on new requests and issues reported by your users. Pick this pre-built app and customize it at will to fit your specific delivery process. Watch a quick overview video of OnTrack .
1021
Google Maps
Labs
Google Maps is a Google Maps Javascript V3 API component, providing Web Blocks and Actions to add interactive maps, markers and directions, along with event driven functionality.
10668
Field Services Mobile
Field Services Team
Sample mobile app to support telecom technicians in performing field services.It’s specially designed for iPads, with an iOS10-like look and feel. Works completely offline, as it allows the technician to perform all tasks offline and synchronizes all data when connected. Uses mobile plugins to integrate location and barcode scanning with the device. This sample app can be integrated with your existing systems and be fully customized to your specific company needs in a matter of days or weeks.
1453