Advanced Swing UI Engineering: Custom Layouts, Look and Feel Customization, and Data Transfer
Implementing Custom Layout Managers
When standard managers like GridBagLayout or BoxLayout cannot satisfy complex UI requirements, implementing a custom layout manager becomes necessary. A custom manager must implement the LayoutManager interface, though modern implementations should target LayoutManager2 to support constraints, alignment, and ...
Posted on Tue, 16 Jun 2026 17:13:38 +0000 by jpbellavance
Implementing a Drag-and-Drop Interface with Vue Draggable
The draggable component defines a source area from which elements can be dragged.
<draggable
v-if="sourcePanelActive"
:list="availableItems"
:group="{ name: 'dragGroup', pull: 'clone', put: false }"
:sort="false"
:move="validateDragOperation"
@end="handleDragEnd&q ...
Posted on Fri, 12 Jun 2026 18:31:09 +0000 by JasonTC
Java Swing Drag and Drop and Event Handling Guide
Drag and Drop Operations in Swing
Each drag source (Java-based or otherwise) advertises the set of actions it supports when exporting data. Swing components advertise source actions through the getSourceActions method.
When initiating a drag operation, the user can control which source action is used for the transfer by combining keyboard modif ...
Posted on Sat, 16 May 2026 04:15:25 +0000 by slpctrl
Implementing Drag-and-Drop List Reordering in React with dnd-kit
To add drag-and-drop list reordering to React applications, follow these actionable steps:
Install core dependencies: Use npm or yarn to add the base dnd-kit packages to you're project. The core library handles essential drag mechanics, and a sorting-specific package simplifies list rearrangement.
npm install @dnd-kit/core @dnd-kit/sortable @d ...
Posted on Fri, 08 May 2026 06:03:54 +0000 by mkarabulut
Implementing Drag-and-Drop Image Sorting and Multi-Image Upload in TinyMCE with Vue
Plugin.js Implemantation
tinymce.PluginManager.add('multiImageUpload', function(editor, pluginUrl) {
const pluginLabel = 'Multi-Image Upload';
window.multiImageConfig = {};
const dialogUrl = window.location.origin + '/tinymce/multiImageUpload/upload_dialog.html';
multiImageConfig.uploadHandler = editor.getParam('images_uplo ...
Posted on Thu, 07 May 2026 23:11:14 +0000 by heybret