-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi.
Can I move a panel into Portallayout dragging by any part of it?
We trying to use Portallayout kanban in a tablet and drag a panel it's too hard for persons with thick fingers. It's really hard to do.
So, Can I do something about this? I think if I could drag the entiry panel (panelchildren contents too) this would be solved.
Here a runnable example overriding the _initDrag
method of the zkmax.layout.Portallayout
widget class.
Instead of initializing the drag'n'drop only for the 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-drag. So you need to supply enough spacing between the panels so that users with "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.
UPDATE 2020-12-14: ZK-4617 will be fixed in 9.5.1
Hi cor3000.
Worked perfectly.
I ask me if this cann't become turn into a generic option of Portallayout. For mobile, I think it's very necessary.
Thank you very much.
Asked: 2020-07-06 22:04:49 +0800
Seen: 11 times
Last updated: Dec 14 '20
Column Layout Background Color
Migrate to ZK 9 From ZK 8 gives error
Component definition not found: drawer in [LanguageDefinition: xul/html] [closed]
ZK 9 Drawer Component - Help to set parent
Display data from database on a rendered Grid
ZK 9 Listhead property children not found exception