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: 2

View: 1031

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; }

Play on jsdo.it games
Share
Embed
QR
Tag
Download

Complete!

Description どんなゲームですか？

Control Device

	スマートフォンコントローラー jsdo.it WebSocket Controller»
	マウス
	キーボード
	タッチデバイス

Fullscreen

有効
無効

jsdo.it games から削除する Submit

style

Design view
Code view

code

<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>

QR Code