View Full Version : Draggable panel

30 Aug 2011, 1:25 AM
I'm trying to create a floating panel that is draggable, which works fine so far.
But I would like to restrict the drag event to the border of the panel, while a drag on the inner x-panel-body should e.g. scroll a list or something similar.

I have this code, and have tried lots of different cancelSelectors, but didn't get it to work. cancelSelector just doesn't seem to have any effect at all.

xtype: 'panel',
id: 'viewport',
layout: 'card',
floating: true,
modal: false,
hideOnMaskTap: false,
width: 320,
height: 480,
draggable: {
cancelSelector: '*'
componentCls: 'viewport-floating'

Any hint is appreciated

6 Sep 2011, 8:36 AM
I would be interested to see what you come up with. I have a similar need in our application.