Drag And Drop Mobile

Stable Version 3.0.0 (O11)
Also available for 10
Published on 20 December 2018 by 
Created on 28 June 2017
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 (3.0.0)

Upgraded to OutSystems 11 and to OutSystems UI Mobile

Reviews (0)
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.
See all 1 dependencies
Component Consumers
See all 1 consumers
Weekly Downloads 
Related Components
Silk UI Web
OutSystems R&D
A fully responsive and beautiful UI framework that works within the OutSystems Platform. Build amazing looking applications, in a fraction of the time, which work perfectly across devices. Learn how to start using Silk UI and see the examples at silkui.outsystems.com . Obtain assistance on using Silk UI in our forums .
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
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.
More from 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 .
Google Maps
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.
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.