Drag css

Is it possible to change the css of an item that is being dragged?

I have a user avatar in a list and want to drag it into another list.

The avatar is a nice circular image because of some css but when I start dragging it, the original square image is what is being dragged.

Is it possible to apply the same circular css to the dragged image? I can’t find anything anywhere …

2019-12-05-22-21-19-Fuhnl

Hello @Splay,
In this case, you can globally rewrite the styles of the container used with DnD . Please note that these changes will affect DnD globally:

 .webix_drag_zone {
    box-shadow: none !important;
    background-color: transparent;
  }

Here is an example:
https://snippet.webix.com/3wcobkn3

Brilliant @annazankevich thank you.

And if you wanted to do this at a view/component level, can you?

As a solution you can create custom component and override $dragCreate method that is automatically called when drag is about to start.
Please check an example of how this could be done:
https://snippet.webix.com/we8q84ha
Please check our blog, there is you can find more information:
https://blog.webix.com/creating-apps-with-live-ui-editing-using-webix-abslayout/

Very good @annazankevich thank you