Forked from: ispern's Sencha Touch - Ext.TabPanel - diff(3) forked from: Sencha Touch - Ext.TabPanel - martingoldsz.. Follow 2010-08-12 10:16:28 License: GPLv3 License Fork0 Fav0 View844 Play Stop Reload Fullscreen Smart Phone Readme JavaScript 53 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: 'Acerca de nosotros', html: '<h1>Contenido de about</h1><img src="http://www.clarin.com/deportes/futbol/FESTEJO-Di-Maria-Messi-AP_CLAIMA20100811_0166_16.jpg"/>', iconCls: 'info', cls: 'card1' },{ title: 'User', iconCls: 'user', html: '<h1>User Page</h1>', cls: 'card2' }] }); } }); <canvas id='world'></canvas> forked from: Sencha Touch - Ext.TabPanel - Sench Touch Beta 0.91 .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; } // 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: 'Acerca de nosotros', html: '<h1>Contenido de about</h1><img src="http://www.clarin.com/deportes/futbol/FESTEJO-Di-Maria-Messi-AP_CLAIMA20100811_0166_16.jpg"/>', iconCls: 'info', cls: 'card1' },{ title: 'User', iconCls: 'user', html: '<h1>User Page</h1>', cls: 'card2' }] }); } }); <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; } use an iframe compat browser, deer Tweet QR code Embed Design view Code view <script type="text/javascript" src="http://jsdo.it/blogparts/xbBx/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/martingoldszein/xbBx" title="forked from: Sencha Touch - Ext.TabPanel -">forked from: Sencha Touch - Ext.TabPanel - - jsdo.it - share JavaScript, HTML5 and CSS</a></p> zip tags Tweet twitter