Ext 2.0 Gui Designer

[kusoft.net]

why ext2.0 GUI Desginer can't support label with
Ext.form.Label

waiting.......

who can help me

[sierk]

why ext2.0 GUI Desginer can't support label with
Ext.form.Label

waiting.......

who can help me

I don't understand you problem, please explain in more detials.
Form labels are supported if you use a formpanel.

[kusoft.net]

I use GUI Builder 1.3, I have bean add "form,{xtype:'label',text:'Label'}" in *Designer.js
When drag 'label' to in formpanel element,will not show,is error.


JSON CODE:

{
xtype:"form",
title:"Form",
layout:"absolute",
items:[{
xtype:'label',
text:'aa',
x:10,
y:10
}]
}

warning message:

Load config,typeerror

[sierk]

I use GUI Builder 1.3, I have bean add "form,{xtype:'label',text:'Label'}" in *Designer.js
When drag 'label' to in formpanel element,will not show,is error.


JSON CODE:

{
xtype:"form",
title:"Form",
layout:"absolute",
items:[{
xtype:'label',
text:'aa',
x:10,
y:10
}]
}

warning message:

Load config,typeerror

xtype 'label' is not supported by Ext as far my knowledge goes. So if you want to used it you have to register it.

Sierk

[kusoft.net]

ext2.02 form label have bean support by ext.

[sierk]

ext2.02 form label have bean support by ext.

I checked and you are correct that it is supported in version 2.02 of extjs, but current designer is bundeld with 2.01 and therefor it is not available. I will change the version of extjs in the next release and will add label support. If you need it in the short term just replace the version of extjs.

Sierk

[kusoft.net]

thank you for Sierk reply.

[kusoft.net]

I have updated to ext2.02 from ext.2.01.
how to set gui designer.form label can be selected, when I click the label,it can't be selected, only select label in tree panel.who help me?

[tavox]

AMAZING...

excelent work and thanks.

Best regards from Per

[sierk]

I have updated to ext2.02 from ext.2.01.
how to set gui designer.form label can be selected, when I click the label,it can't be selected, only select label in tree panel.who help me?

We fixed this in version 1.4 which will be released within a view days, but if you cannot wait add the following code.

Sierk

/** 
  Override the label id so id is selectable in guidesigner
 */
Ext.override(Ext.form.Label, {
    onRender : function(ct, position){
        if(!this.el){
            this.el = document.createElement('label');
            this.el.innerHTML = this.text ? Ext.util.Format.htmlEncode(this.text) : (this.html || '');
            if(this.forId){
                this.el.setAttribute('htmlFor', this.forId);
            }
            //Swap the ids, so it becomes selectable in designer
            this.el.id = this.id;
            this.id = this.id + '-';
        }
        Ext.form.Label.superclass.onRender.call(this, ct, position);
    }
});