How to change Height and Width of XTemplate

[rahulcs]

Dear All,
I am using Ext.Dataview component and have XTemplate inside it. I want users to resize this Dataview components i.e. User can change the height and width of this component. The problem is, when Dataview's size changes, due to resizing, the XTemplate[DIV] inside the dataview, remains of the same height and width. I will like these XTemplates[DIV] to resize themself.

Is there a way to make this happen ?

Thanks in advance.


With Regards,
Rahul

[mitchellsimoens]

You should have them be resizable

[NCN]

The same happen with me. I write as below :-

itemTpl: new Ext.XTemplate("<div><table cellpadding='0' border='0'><tr><td>Data 1</td><td></td><td>&nbsp;&nbsp;</td><td></td><td></td></tr><tr><td>Data 2</td><td></td><td></td><td></td><td>Data 3></td></tr></table></table></div>"),

it is in panel.
But when we are resizeing the pane or minimizing browser , the Xtemple remain same in size.
I need that it will resize as we resize the pane or minimizing browser .

thanks In advance...!!

can show some demo code.

[jay@moduscreate.com]

are you using the fit layout?

[NCN]

I am using the Container with layout: 'hbox',

as below:-

Ext.define('XYZ', {
extend: 'Ext.Container'
config: {
layout: 'hbox',
items: [

{ xtype:'container',
margin: '32 10 0 0',
items:[{xtype: 'dataview',
scrollable: false,
itemTpl: new Ext.XTemplate("<table cellpadding='0' border='0'><tr><td>Data1</td><td></td><td></td><td></td><td></td></tr><tr><td>Data 2</td><td></td><td></td><td></td><td>Data 3</td></tr></table></table>"),
}]}],

},

});

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.

it is in panel/container.
But when we are resizeing the pane or minimizing browser , the Xtemple remain same in size.
I need that it will resize as we resize the pane or minimizing browser .


thanks In advance...!!


can show some demo code.

[sword-it]

Hi,

you can use scrolling for Xtemplate area ,it will be working

[NCN]

Can you show sample some code, with respect to my code.

Thanks in advance.