Sencha touch panel layout not taking up all available screenspace -
मेरे पास एक पैनल है जो पूर्णस्क्रीन है;
PortalDashboard.views.Dashboardcard = Ext विस्तार करें (Ext.Panel, {पूर्णस्क्रीन: सही, शीर्षक: 'डैशबोर्ड', html: '', cls: 'card5', iconCls: 'टीम', लेआउटः एक्सटेंशन.वियपोर्ट.अधिकरण == 'लैंडस्केप'? {प्रकार: 'Hbox', पैक: 'केंद्र', संरेखित करें: 'खिंचाव'}: {प्रकार: 'vbox', संरेखण: 'खिंचाव', पैक: 'केंद्र'}, मॉनिटर ऑरिएंटेशन: सच्चे, श्रोताओं: {ओरिएंटेशन: this.onOrientationChange, }, शैली एचटीएमएल सामग्री: गलत, initComponent: function () {Ext.apply (यह, {items: [{xtype: 'डैशबोर्डबॉक्स', आइटम: [rep1, rep2, rep3]}, {xtype: 'डैशबोर्डबॉक्स', आइटम: [ Rep4, rep5, rep6]}]}); पोर्टलडाशबोर्ड.दृश्य.डेशबोर्डकार्ड.superclass.initComponent.apply (यह, तर्क);}}) इसलिए पैनल में एक hbox लेआउट है 2 बच्चे पैनल बच्चे पैनल वास्तव में क्षैतिज स्थान की पूरी राशि लेते हैं, लेकिन खड़ी नहीं हैं।
मैं सीएसएस में न्यूनतम ऊंचाई सेट कर सकता हूं, जो मेरे पीसी पर क्रोम और सफारी में सम्मान मिलता है ... लेकिन आईपीड इसे अनदेखा करता है।
बच्चे के पैनल को परिभाषित किया जाता है;
PortalDashboard.views.Dashboxbox = Ext.extend (Ext.Panel, {cls: 'dashbox', मॉनिटर ओरिएंटेशन: सच, श्रोताओं: {ओरियनेशन: यह.ऑनरिएंटेशन चेंज,} लेआउटः एक्स्ट। विज़ॉपपोर्ट ओरिएंटेशन = 'लैंडस्केप'? {टाइप: 'vbox', संरेखित करें: 'खिंचाव', पैक: 'सेंटर'}: {प्रकार : 'Hbox', संरेखित करें: 'खिंचाव', पैक: 'केंद्र'}, चूक: {फ्लेक्स: 1}}); Ext.reg ('डैशबोर्डबॉक्स', पोर्टलडाशबोर्ड.दृश्य। डैशबॉक्सबॉक्स);
मैंने कुछ उप पैनलों के एक TabPanel अभिभावक के साथ पहले यह किया है अपने मूल पैनल में लेआउट: 'फिट' आज़माएं (हालांकि मुझे यकीन नहीं है कि लेआउट विकल्पों की अपनी वर्तमान सूची में इसे जोड़ना होगा या यदि उसे स्वयं सेट करना होगा।)
Comments
Post a Comment