mirror of
https://git.deluge-torrent.org/deluge
synced 2025-08-19 16:48:43 +00:00
improve the ToggleField widget, having the checkbox to the left of the
field rather than above it
This commit is contained in:
parent
1ba3955025
commit
3f383df479
2 changed files with 10 additions and 12 deletions
|
@ -32,13 +32,10 @@ Ext.ux.form.ToggleField = Ext.extend(Ext.form.Field, {
|
||||||
initComponent: function() {
|
initComponent: function() {
|
||||||
Ext.ux.form.ToggleField.superclass.initComponent.call(this);
|
Ext.ux.form.ToggleField.superclass.initComponent.call(this);
|
||||||
|
|
||||||
this.toggle = new Ext.form.Checkbox({
|
this.toggle = new Ext.form.Checkbox();
|
||||||
region: 'west'
|
|
||||||
});
|
|
||||||
this.toggle.on('check', this.onToggleCheck, this);
|
this.toggle.on('check', this.onToggleCheck, this);
|
||||||
|
|
||||||
this.input = new Ext.form.TextField({
|
this.input = new Ext.form.TextField({
|
||||||
region: 'center',
|
|
||||||
disabled: true
|
disabled: true
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
@ -47,20 +44,21 @@ Ext.ux.form.ToggleField = Ext.extend(Ext.form.Field, {
|
||||||
if (!this.el) {
|
if (!this.el) {
|
||||||
this.panel = new Ext.Panel({
|
this.panel = new Ext.Panel({
|
||||||
cls: this.groupCls,
|
cls: this.groupCls,
|
||||||
layout: 'border',
|
layout: 'table',
|
||||||
|
layoutConfig: {
|
||||||
|
columns: 2
|
||||||
|
},
|
||||||
border: false,
|
border: false,
|
||||||
renderTo: ct
|
renderTo: ct
|
||||||
});
|
});
|
||||||
this.panel.ownerCt = this;
|
this.panel.ownerCt = this;
|
||||||
this.el = this.panel.getEl();
|
this.el = this.panel.getEl();
|
||||||
|
|
||||||
this.toggle.ownerCt = this.panel;
|
this.panel.add(this.toggle);
|
||||||
this.toggle.render(this.el);
|
this.panel.add(this.input);
|
||||||
|
|
||||||
this.input.ownerCt = this.panel;
|
|
||||||
this.input.render(this.el);
|
|
||||||
|
|
||||||
this.panel.doLayout();
|
this.panel.doLayout();
|
||||||
|
|
||||||
|
this.toggle.getEl().parent().setStyle('padding-right', '10px');
|
||||||
}
|
}
|
||||||
Ext.ux.form.ToggleField.superclass.onRender.call(this, ct, position);
|
Ext.ux.form.ToggleField.superclass.onRender.call(this, ct, position);
|
||||||
},
|
},
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue