examples/panel/bubble-panel.js

   1 /*!
   2  * Ext JS Library 3.3.1
   3  * Copyright(c) 2006-2010 Sencha Inc.
   4  * licensing@sencha.com
   5  * http://www.sencha.com/license
   6  */
   7 Ext.onReady(function(){
   8     var title = new Ext.ux.BubblePanel({
   9         bodyStyle: 'padding-left: 8px;color: #0d2a59',
  10         renderTo: 'bubbleCt',
  11         html: '<h3>Ext.ux.BubblePanel</h3',
  12         width: 200,
  13         autoHeight: true
  14     });
  15     var cp = new Ext.ux.BubblePanel({
  16         renderTo: 'bubbleCt',
  17         padding: 5,
  18         width: 400,
  19         autoHeight: true,
  20         contentEl: 'bubble-markup'
  21     });
  22
  23     var plainOldPanel = new Ext.Panel({
  24         renderTo: 'panelCt',
  25         padding: 5,
  26         frame: true,
  27         width: 400,
  28         autoHeight: true,
  29         title: 'Plain Old Panel',
  30         html: Ext.example.bogusMarkup
  31     });
  32
  33 });
  34
  35