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

Popular posts from this blog

How to mention the localhost in android -

php - Calling a template part from a post -

c# - String.format() DateTime With Arabic culture -