javascript - Change Height of Item Layout Accordion Extjs -
i have following panel layout accordion, how can change height of first item ? tried define height of items inside of panel didn't effect on height of items. here code:
me.accordion = ext.create('ext.panel.panel', { //width: '80%', height: 300, margin: "0 0 30 10", defaults:[{ layout:'fit', height:'100%', width:'100%' }] , layout: { type: 'accordion', titlecollapse: true, animate: true, activeontop: true, fill : true }, items: [ { xtype: 'datacollector', autoscroll:true, //autoheight:true, margins: accordionitemsmargin, store: records[0].dcmodule() } , { xtype: 'costcalculation', margins: accordionitemsmargin, store: records[0].ccmodule() }, { xtype: 'publiccloudconnection', margins: accordionitemsmargin, store: records[0].pcmodule() } ] }); thanks in advance
you need remove height:300 panel , add height:300 first item of panel. here code.
ext.create('ext.panel.panel', { //width: '80%' //height : 300, margin : "0 0 30 10", defaults : [{ layout : 'fit', height : '100%', width : '100%' }], layout : { type : 'accordion', titlecollapse : true, animate : true, activeontop : true, fill : true }, items : [{ xtype : 'datacollector', autoscroll : true, height:300, //autoheight:true, margins : accordionitemsmargin, store : records[0].dcmodule() }, { xtype : 'costcalculation', margins : accordionitemsmargin, store : records[0].ccmodule() }, { xtype : 'publiccloudconnection', margins : accordionitemsmargin, store : records[0].pcmodule() }] });
Comments
Post a Comment