Purpose:

This draggable container component allows users to easily sort items within containers using drag-and-drop functionality. It provides a user-friendly interface for rearranging and organizing elements, improving efficiency and user experience in your web applications.

Key Features:

· Drag-and-Drop Sorting: Enables intuitive drag-and-drop interactions for reordering items within containers.

· Container Support: Works with various container elements, allowing flexibility in your design.

· Customizable Options: Provides options to configure draggable behavior, such as placeholder appearance and sorting restrictions.

· Database Integration (Optional): Can connect to a database to store and retrieve container positions, enabling persistent sorting across sessions.

· Local Storage Integration: Can store retrieve container positions in local storage.

· Event Triggering: Sends back relevant Drag and Drop and Sort events to your application logic for further processing.

Technical Implementation:

· Code: Built using JavaScript and jQuery, ensuring compatibility with OutSystems.

Data Source:

· In-Memory Storage: By default, the component stores container positions in local-storage memory for the current session.

· Database Integration (Optional): Can connect to a database using a data source block to retrieve and store container positions persistently.