Hi all my name is Frank and a total Sencha beginner! Please help me i can't figure out what i have done wrong with the title, it should just be listed in the top bar and not also inside the app (Red circle).
Anny help is highly appreciated
Attachment 48530
my code
Ext.define('Uwmtech.view.Calculatorroh', {
extend: 'Ext.TabPanel',
xtype: 'rohcard',
requires: [
'Ext.form.FieldSet'
],
config: {
iconCls: 'add',
title: 'Calc',
defaults: {
scrollable: true
/*styleHtmlContent: true*/
},
items: [{title: 'Refill',
xtype: 'fieldset',
items: [ {html: '<h4>Calculate the price for refilling your pool</h4>'},
{
xtype: 'togglefield',
name: 'toggle',
label: 'System METRIC',
labelWidth: '60%',
id: 'txtField9',
action: 'slide12',
},
{
xtype: 'numberfield',
label : 'Length',
labelWidth : '40%',
name: 'water',
id: 'txtField1',
placeHolder: 'Meter'
},
{
xtype: 'numberfield',
label : 'Width',
labelWidth : '40%',
name: 'water',
id: 'txtField2',
placeHolder: 'Meter'
},
{
xtype: 'numberfield',
name: 'water',
label : 'Depth',
labelWidth : '40%',
id: 'txtField3',
placeHolder: 'Meter'
},
{
xtype: 'numberfield',
name: 'water',
label : 'Water price',
labelWidth : '40%',
id: 'txtField5',
placeHolder: 'per Cubic Meter'
},
{
xtype: 'numberfield',
name: 'water',
label : 'Chemicals',
labelWidth : '40%',
id: 'txtField6',
placeHolder: 'price for restarting'
},
{
xtype: 'textfield',
id: 'txtField4',
name: 'water',
placeHolder: ''
},
{
xtype: 'spacer',
height: 10,
},
{
xtype: 'button',
text: 'Calculate',
ui: 'action',
action: 'submitBtn'
},
{
xtype: 'spacer',
height: 10,
},
{
xtype: 'button',
text: 'Reset',
ui: 'action',
action: 'resetBtn'
},{html: '<h6>By Pressing Calculate you accept that every care has been taken to ensure the accuracy of this calculation but no liability can be accepted for any loss or damage whether direct, indirect or consequential arising out of the use of the calculation.</h6>'}
]
},
{title: 'Tileing',
xtype: 'fieldset',
items: [{html: '<h4>Calculate the amount of tubes you need</h4>'},
{
xtype: 'togglefield',
name: 'toggle',
label: 'System METRIC',
labelWidth: '60%',
id: 'txtField19',
action: 'slide22',
},{
xtype: 'numberfield',
label : 'Area length',
labelWidth : '40%',
name: 'Tileing',
id: 'txtField11',
placeHolder: 'Meter'
},
{
xtype: 'numberfield',
label : 'Area width',
labelWidth : '40%',
name: 'Tileing',
id: 'txtField12',
placeHolder: 'Meter'
},
{
xtype: 'textfield',
id: 'txtField14',
name: 'Tileing',
placeHolder: ''
},
{
xtype: 'spacer',
height: 10,
},
{
xtype: 'button',
text: 'Calculate',
ui: 'action',
action: 'submitBtn1'
},
{
xtype: 'spacer',
height: 10,
},
{
xtype: 'button',
text: 'Reset',
ui: 'action',
action: 'resetBtn1'
},{html: '<h6>By Pressing Calculate you accept that every care has been taken to ensure the accuracy of this calculation but no liability can be accepted for any loss or damage whether direct, indirect or consequential arising out of the use of the calculation.</h6>'}
]
},{
title: 'Grouting',
xtype: 'fieldset',
items: [{html: '<h4>Calculate the amount of tubes you need</h4>'},
{
xtype: 'togglefield',
name: 'toggle',
label: 'System METRIC',
labelWidth: '60%',
id: 'txtField29',
action: 'slide32',
},{
xtype: 'numberfield',
label : 'Grout length',
labelWidth : '40%',
name: 'Grouting',
id: 'txtField21',
placeHolder: 'Meter'
},
{
xtype: 'numberfield',
label : 'Grout width',
labelWidth : '40%',
name: 'Grouting',
id: 'txtField22',
placeHolder: 'mm'
},
{
xtype: 'numberfield',
name: 'Grouting',
label : 'Grout depth',
labelWidth : '40%',
id: 'txtField23',
placeHolder: 'mm'
},
{
xtype: 'textfield',
id: 'txtField24',
name: 'Grouting',
placeHolder: ''
},
{
xtype: 'textfield',
id: 'txtField25',
name: 'Grouting',
placeHolder: ''
},
{
xtype: 'spacer',
height: 10,
},
{
xtype: 'button',
text: 'Calculate',
ui: 'action',
action: 'submitBtn2'
},
{
xtype: 'spacer',
height: 10,
},
{
xtype: 'button',
text: 'Reset',
ui: 'action',
action: 'resetBtn2'
},{html: '<h6>By Pressing Calculate you accept that every care has been taken to ensure the accuracy of this calculation but no liability can be accepted for any loss or damage whether direct, indirect or consequential arising out of the use of the calculation.</h6>'}
]
},
]},
});
Anny help is highly appreciated
Attachment 48530
my code
Ext.define('Uwmtech.view.Calculatorroh', {
extend: 'Ext.TabPanel',
xtype: 'rohcard',
requires: [
'Ext.form.FieldSet'
],
config: {
iconCls: 'add',
title: 'Calc',
defaults: {
scrollable: true
/*styleHtmlContent: true*/
},
items: [{title: 'Refill',
xtype: 'fieldset',
items: [ {html: '<h4>Calculate the price for refilling your pool</h4>'},
{
xtype: 'togglefield',
name: 'toggle',
label: 'System METRIC',
labelWidth: '60%',
id: 'txtField9',
action: 'slide12',
},
{
xtype: 'numberfield',
label : 'Length',
labelWidth : '40%',
name: 'water',
id: 'txtField1',
placeHolder: 'Meter'
},
{
xtype: 'numberfield',
label : 'Width',
labelWidth : '40%',
name: 'water',
id: 'txtField2',
placeHolder: 'Meter'
},
{
xtype: 'numberfield',
name: 'water',
label : 'Depth',
labelWidth : '40%',
id: 'txtField3',
placeHolder: 'Meter'
},
{
xtype: 'numberfield',
name: 'water',
label : 'Water price',
labelWidth : '40%',
id: 'txtField5',
placeHolder: 'per Cubic Meter'
},
{
xtype: 'numberfield',
name: 'water',
label : 'Chemicals',
labelWidth : '40%',
id: 'txtField6',
placeHolder: 'price for restarting'
},
{
xtype: 'textfield',
id: 'txtField4',
name: 'water',
placeHolder: ''
},
{
xtype: 'spacer',
height: 10,
},
{
xtype: 'button',
text: 'Calculate',
ui: 'action',
action: 'submitBtn'
},
{
xtype: 'spacer',
height: 10,
},
{
xtype: 'button',
text: 'Reset',
ui: 'action',
action: 'resetBtn'
},{html: '<h6>By Pressing Calculate you accept that every care has been taken to ensure the accuracy of this calculation but no liability can be accepted for any loss or damage whether direct, indirect or consequential arising out of the use of the calculation.</h6>'}
]
},
{title: 'Tileing',
xtype: 'fieldset',
items: [{html: '<h4>Calculate the amount of tubes you need</h4>'},
{
xtype: 'togglefield',
name: 'toggle',
label: 'System METRIC',
labelWidth: '60%',
id: 'txtField19',
action: 'slide22',
},{
xtype: 'numberfield',
label : 'Area length',
labelWidth : '40%',
name: 'Tileing',
id: 'txtField11',
placeHolder: 'Meter'
},
{
xtype: 'numberfield',
label : 'Area width',
labelWidth : '40%',
name: 'Tileing',
id: 'txtField12',
placeHolder: 'Meter'
},
{
xtype: 'textfield',
id: 'txtField14',
name: 'Tileing',
placeHolder: ''
},
{
xtype: 'spacer',
height: 10,
},
{
xtype: 'button',
text: 'Calculate',
ui: 'action',
action: 'submitBtn1'
},
{
xtype: 'spacer',
height: 10,
},
{
xtype: 'button',
text: 'Reset',
ui: 'action',
action: 'resetBtn1'
},{html: '<h6>By Pressing Calculate you accept that every care has been taken to ensure the accuracy of this calculation but no liability can be accepted for any loss or damage whether direct, indirect or consequential arising out of the use of the calculation.</h6>'}
]
},{
title: 'Grouting',
xtype: 'fieldset',
items: [{html: '<h4>Calculate the amount of tubes you need</h4>'},
{
xtype: 'togglefield',
name: 'toggle',
label: 'System METRIC',
labelWidth: '60%',
id: 'txtField29',
action: 'slide32',
},{
xtype: 'numberfield',
label : 'Grout length',
labelWidth : '40%',
name: 'Grouting',
id: 'txtField21',
placeHolder: 'Meter'
},
{
xtype: 'numberfield',
label : 'Grout width',
labelWidth : '40%',
name: 'Grouting',
id: 'txtField22',
placeHolder: 'mm'
},
{
xtype: 'numberfield',
name: 'Grouting',
label : 'Grout depth',
labelWidth : '40%',
id: 'txtField23',
placeHolder: 'mm'
},
{
xtype: 'textfield',
id: 'txtField24',
name: 'Grouting',
placeHolder: ''
},
{
xtype: 'textfield',
id: 'txtField25',
name: 'Grouting',
placeHolder: ''
},
{
xtype: 'spacer',
height: 10,
},
{
xtype: 'button',
text: 'Calculate',
ui: 'action',
action: 'submitBtn2'
},
{
xtype: 'spacer',
height: 10,
},
{
xtype: 'button',
text: 'Reset',
ui: 'action',
action: 'resetBtn2'
},{html: '<h6>By Pressing Calculate you accept that every care has been taken to ensure the accuracy of this calculation but no liability can be accepted for any loss or damage whether direct, indirect or consequential arising out of the use of the calculation.</h6>'}
]
},
]},
});
Aucun commentaire:
Enregistrer un commentaire