Forked from: ispern's Sencha Touch - Ext.TabPanel - diff(9)

forked from: Sencha Touch - Ext.TabPanel -

sendacha

2010-07-28 15:31:54

License: GPLv3 License

Fork: 1

Fav: 1

View: 882

Play
Stop
Reload

Fullscreen

Smart Phone

Fork tree

Readme
JavaScript 58 lines
HTML 1 lines
CSS 13 lines

forked from: Sencha Touch - Ext.TabPanel -
Sench Touch Beta 0.91

// forked from ispern's "Sencha Touch - Ext.TabPanel -" http://jsdo.it/ispern/xbzz
Ext.setup({

// onReady
  onReady: function() {
    new Ext.TabPanel({
      fullscreen: true,

// TabBarの設定
      tabBar: {

// スタイル設定
        ui: 'dark',

layout: {

// タブを中央寄せ
          pack: 'center'
        },

// TabをDragするためにタブをホールドしている時間
        sortHoldThreshold: 100
      },
      
      // タブを上部に配置
      tabBarPosition: 'top',

// TabのDragを許可
      sortable: true,

// Tab切り替えのアニメーション
      animation: 'slide',

// 各Panelのデフォルト値設定
      defaults: {

// スクロールは縦スクロール
        scroll: 'vertical'
      },
      items: [{
        title: 'About',
        html: '<h2>せんちゃのお勉強を開始だっちゃ</h2>',
        iconCls: 'info',
        cls: 'card1'
      },{
        title: '縦政宗(ToDo)',
        iconCls: 'user',
        html: '<h1>縦書きにしたいのです</h1>',
        cls: 'card2'
      },{
        title: '不精もの',
        iconCls: 'user',
        html: '<ul><li>みつなり</li><li>ともなり</li></ul>',
        cls: 'card3'
      }]
    });
  }
});

forked from: Sencha Touch - Ext.TabPanel -
Sench Touch Beta 0.91

// forked from ispern's "Sencha Touch - Ext.TabPanel -" http://jsdo.it/ispern/xbzz Ext.setup({ // onReady onReady: function() { new Ext.TabPanel({ fullscreen: true, // TabBarの設定 tabBar: { // スタイル設定 ui: 'dark', layout: { // タブを中央寄せ pack: 'center' }, // TabをDragするためにタブをホールドしている時間 sortHoldThreshold: 100 }, // タブを上部に配置 tabBarPosition: 'top', // TabのDragを許可 sortable: true, // Tab切り替えのアニメーション animation: 'slide', // 各Panelのデフォルト値設定 defaults: { // スクロールは縦スクロール scroll: 'vertical' }, items: [{ title: 'About', html: '<h2>せんちゃのお勉強を開始だっちゃ</h2>', iconCls: 'info', cls: 'card1' },{ title: '縦政宗(ToDo)', iconCls: 'user', html: '<h1>縦書きにしたいのです</h1>', cls: 'card2' },{ title: '不精もの', iconCls: 'user', html: '<ul><li>みつなり</li><li>ともなり</li></ul>', cls: 'card3' }] }); } });<canvas id='world'></canvas>.x-tabpanel > .x-panel-body .x-panel-body { padding: 100px 0; text-align: center; font-size: 40px; font-weight: bold; } .card1 .x-panel-body { background-color: #E4FFC2; } .card2 .x-panel-body { background-color: #c5ffc2; }

Tweet
QR code
Embed

Design view
Code view
<script type="text/javascript" src="http://jsdo.it/blogparts/rxlR/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/sendacha/rxlR" title="forked from: Sencha Touch - Ext.TabPanel -">forked from: Sencha Touch - Ext.TabPanel - - jsdo.it - share JavaScript, HTML5 and CSS</a></p>
zip

Favorite by

m.h

Forked

sort

forked from: forked from: Senc..

dangat_d

0
0
274views

65/1/13

forked from: Sencha Touch - Ext.TabPanel -

tags

Tweet

twitter

Favorite by

Forked