Revision history [back]

click to hide/show revision 1
initial version

answered 2020-07-07 14:47:18 +0800

cor3000 gravatar image cor3000

ZK Team

Here a runnable example overriding the _initDrag method of the zkmax.layout.Portallayout widget class.

Instead initializing the drag only for the header it makes the whole panel element - header and body - draggable.

https://zkfiddle.org/sample/38gj3es/1-make-whole-panel-draggable

Elements inside the panel should remain clickable (e.g. a button).

One side effect is, that now there's less space to scroll the screen via touch. Soe you need to supply enough spacing between the panels so that users with "thick" fingers still find some space to scroll the screen area.

While testing this I noticed a problem on iOS/ipadOS causing heavy flickering while dragging a panel, so I posted ZK-4617 with a workaround - also included in the example above.

If there are problems please let us know or contact our support.

Here a runnable example overriding the _initDrag method of the zkmax.layout.Portallayout widget class.

Instead of initializing the drag drag'n'drop only for the header panel-header it makes the whole panel element - incl. header and body - draggable.

https://zkfiddle.org/sample/38gj3es/1-make-whole-panel-draggable

Elements inside the panel should remain clickable (e.g. a button).

One side effect is, that now there's less space to scroll the screen via touch. Soe touch-drag. So you need to supply enough spacing between the panels so that users with "thick" fingers "thick fingers" will still find some space to scroll the entire screen area.

While testing this I noticed a problem on iOS/ipadOS causing heavy flickering while dragging a panel, so I posted ZK-4617 with a workaround - also included in the example above.

If there are problems please let us know or contact our support.

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More