resizeable element - css?

[humpdi]

hey guys!

ive added a Ext.Resizeable to a textarea, now its resizeable, but i dont see the blue handler that shows that its resizeable. have it some thing todo with css?


var resizableElements = {
init : function(){

var resize_nsr_studyaim = new Ext.Resizable('nsr_studyaim', {
wrap:true,
pinned:true,
width:450,
height:150,
minWidth:200,
minHeight: 50,
dynamic: true,
handles: 's'
});
}
};


<textarea name='nsr_studyaim' id='nsr_studyaim' cols='' rows=''></textarea>

please help me, thanks :)

[Animal]

At what point do you execute resizableElements.init()?

[humpdi]

i excecute it at the end of the .js file where this function is in, nearly under the function. that means, BEFORE the markup of the textarea is loaded. is this a problem??

[Animal]

Of course :!:

[tryanDLS]

Maybe I'm missing something, but how can you expect to operate on a DOM object if the object hasn't been loaded into the DOM yet?

[Tornado]

Use something like this:


Ext.onReady(resizableElements.init, resizableElements);

[humpdi]

var initALL = {
init : function(){
resizableElements.init();
}
}
Ext.EventManager.onDocumentReady(initALL.init, initALL, true);

i do something like this.. that should mean that the resizeable element is then init when the document is completely loaded.. or did i see something wrong?

the resize does works, only the blue panel at the south doesnt appear that shows the user that he can resize that element

[Animal]

That should work.

Just check that you have included ext-all.css in your page (Check with Firebug that it's finding it)

[humpdi]

yeah its there... i have a resizeable grid too, and there was the handler shown.. dont know where the failure could be.. hm

ive to play around with that later, should not hold me now

thank ya all for ya help