Hey Guys,

I have a button, and all I want to do is drag it from one panel to another. I've been trying for several hours now, and I can't seem to make my button drag at all, let alone between two panels.

Here's my panel and button:
Code:
            xtype: 'panel',
            region: 'west',
            split: true,
            border: false,
            itemId: 'menuPanel',
            maxWidth: 150,
            minWidth: 150,
            width: 150,
            bodyBorder: true,
            collapsible: false,
            title: 'Pieces',
            items: [
                {
                    xtype: 'button',
                    alwaysOnTop: true,
                    constrain: true,
                    autoShow: true,
                    draggable: true,
                    floating: true,
                    height: 75,
                    width: 75,
                    text: 'Piece1'
                }
            ]
Here's a screenshot of what it looks like, all I want to do is drag the button from the "Pieces" panel to the "Content" panel: m81qwTv.jpg

(also if you know how to make the "Pieces" panel unable to resize left-to-right that'd be nice, but I managed that by setting the min and max width to the same value, so it's not super important)


I'm still pretty new to Sencha Architect, so any help you can give would be greatly appreciated!

Thanks so much!
- Kalashnikoven