xt.define('Draggy.view.ToolbarElement', {
        extend: 'Ext.Panel',

        initialize: function() {
            this.element.on({
                dragstart: this.onDragStart
            });
        },
        config: {
            layout: 'vbox',
            draggable: {
                constraint: null
            },
            zIndex: 100,
            items: [
                {
                xtype: 'image',
                src: 'http://www.sencha.com/assets/images/sencha-avatar-64x64.png',
                width: 64,
                height: 64
                },
                {
                    html: 'text'
                }
            ]

        },

        onDragStart: function(thisDraggable, event, offsetX, offsetY, eOpts ) {
            this.fireEvent('elementstartdrag', this, this);
        }
 });