Technote Details :: I loose the text style on drag

I have applied one of the two AJAX Drag and Drop wizards from MX AJAX Toolbox. I have applied my own custom CSS style on the draggable items. However, when I preview the page in the browser and start dragging the items, their formatting is lost.

This happens because the items are taken out of the regular page flow. Therefore, your custom CSS style cannot be applied in this context.

If you wish to customize the look & feel of the draggle items, you should do it by modifying the default .drag_item selector, located in:

includes/jaxon/widgets/dragndrop/css/dragndrop.css

from your site root.

The default CSS code for the selector is:

.drag_item {
 cursor:move;
 border: 1px solid white;
 margin: 20px;
}