Results 1 to 2 of 2

Thread: Draggable panel

  1. #1
    Sencha User
    Join Date
    Jul 2010

    Default Draggable panel

    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

  2. #2
    Ext JS Premium Member
    Join Date
    Oct 2010


    I would be interested to see what you come up with. I have a similar need in our application.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts