PDA

View Full Version : Column Layout width of columns varies while elements dragged



a.premkumar
28 Oct 2013, 11:12 PM
Hello,

I am trying to drag and drop panels inside a container. The container has column layout. While dragging a panel, all other panels changes its position temporarily. After I drop the panel, all panels are back to their normal positions. It will confuse the user where to drop the panel if the alignment is changed. I need to stop this temporary shift in position to make user to easily drop the object.

This is the fiddle link: http://jsfiddle.net/H5eXJ/2/

Please direct me in right path.

Regards,
Premkumar

Gary Schlosberg
1 Nov 2013, 3:36 PM
Your example is running ExtJS 4.1.1. Here's a Fiddle with your code running in 4.2.1.
https://fiddle.sencha.com/#fiddle/1b5

It seems that the issue is not there anymore.

a.premkumar
4 Nov 2013, 8:33 PM
Your example is running ExtJS 4.1.1. Here's a Fiddle with your code running in 4.2.1.
https://fiddle.sencha.com/#fiddle/1b5

It seems that the issue is not there anymore.

No Gary, Still the issue exists. What I mean as issue is, when I click and drag the first panel i.e the 'Drag Source - 1' , the adjacent panel (Drag Source - 2) goes to the second row. I don't want this to happen. I want all the panels in their position while I am dragging. Please guide me to eliminate the issue.

Regards,
Premkumar