marc123
29 Aug 2012, 4:48 AM
Hello,
I have a button and I want to position a help icon /w helptext (to show on mouseOver) next to it but a Ext.button has no configoption "helptext". An element of type 'compositefield' allows me to do this but when adding the button to it's item array I only see the button, no helptext:
items : [{
xtype: 'compositefield',
labelSeparator: ':',
defaultMargins: '0px 10px 10px 0px',
skipLastItemMargin: false,
width: 200,
name: 'Upload file',
defaults: {
fieldLabel: ':',
labelSeparator: ' ',
height: 24
},
helpText: 'My helptext here',
fieldLabel: 'Upload file',
items: [{
xtype : 'button',
text : 'Upload file',
id : 'fileUploadButton',
iconCls : 'icon-upload',
height : 30,
style : {margin:'5px 10px 10px 10px'},
handler : function(){
if (!application.window.uploadFile){
application.window.uploadFile= new Ext.Window(application.configObject.uploadFile);
}
application.window.uploadFile.show();
}
}]
},{
Do I have to modify this code or use another Ext element to create a helpicon next to a button?
I have a button and I want to position a help icon /w helptext (to show on mouseOver) next to it but a Ext.button has no configoption "helptext". An element of type 'compositefield' allows me to do this but when adding the button to it's item array I only see the button, no helptext:
items : [{
xtype: 'compositefield',
labelSeparator: ':',
defaultMargins: '0px 10px 10px 0px',
skipLastItemMargin: false,
width: 200,
name: 'Upload file',
defaults: {
fieldLabel: ':',
labelSeparator: ' ',
height: 24
},
helpText: 'My helptext here',
fieldLabel: 'Upload file',
items: [{
xtype : 'button',
text : 'Upload file',
id : 'fileUploadButton',
iconCls : 'icon-upload',
height : 30,
style : {margin:'5px 10px 10px 10px'},
handler : function(){
if (!application.window.uploadFile){
application.window.uploadFile= new Ext.Window(application.configObject.uploadFile);
}
application.window.uploadFile.show();
}
}]
},{
Do I have to modify this code or use another Ext element to create a helpicon next to a button?