X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/portal/classes/Portlet.js

diff --git a/examples/portal/classes/Portlet.js b/examples/portal/classes/Portlet.js
new file mode 100644
index 00000000..f0fe52e3
--- /dev/null
+++ b/examples/portal/classes/Portlet.js
@@ -0,0 +1,30 @@
+/**
+ * @class Ext.ux.Portlet
+ * @extends Ext.Panel
+ * A {@link Ext.Panel Panel} class that is managed by {@link Ext.app.PortalPanel}.
+ */
+Ext.define('Ext.app.Portlet', {
+    extend: 'Ext.panel.Panel',
+    alias: 'widget.portlet',
+    layout: 'fit',
+    anchor: '100%',
+    frame: true,
+    closable: true,
+    collapsible: true,
+    animCollapse: true,
+    draggable: true,
+    cls: 'x-portlet',
+
+    // Override Panel's default doClose to provide a custom fade out effect
+    // when a portlet is removed from the portal
+    doClose: function() {
+        this.el.animate({
+            opacity: 0,
+            callback: function(){
+                this.fireEvent('close', this);
+                this[this.closeAction]();
+            },
+            scope: this
+        });
+    }
+});
\ No newline at end of file