Code:
Ext.define("sencha-touch.view.Page2", {
extend: 'Ext.form.Panel',
requires: [
'Ext.TitleBar',
'Ext.form.FieldSet',
'Ext.field.Hidden'
],
config: {
title: 'Welcome',
iconCls: 'home',
id: 'formPage2',
styleHtmlContent: true,
scrollable: true,
items: [
{
docked: 'top',
xtype: 'titlebar',
title: 'EBT Umfrage'
}, {
docked: 'bottom',
xtype: 'titlebar',
title: '© 2012'
}, {
xtype: 'fieldset',
title: 'Wozu nutzen Sie ihr Smartphone?',
items: [
{
xtype: 'checkboxfield',
name : 'email',
label: 'E-Mail'
},
{
xtype: 'checkboxfield',
name : 'social',
label: 'Social Media'
},
{
xtype: 'checkboxfield',
name : 'surfing',
label: 'Surfen'
},
{
xtype: 'checkboxfield',
name : 'phone',
label: 'Telefonieren'
},
{
xtype: 'checkboxfield',
name : 'sms',
label: 'SMS'
},
{
xtype: 'checkboxfield',
name : 'gaming',
label: 'Gaming'
},
{
xtype: 'hiddenfield',
label: 'id',
id: 'id',
name: 'remoteid'
}
]
}, {
xtype: 'fieldset',
items: [
{
xtype: 'sliderfield',
label: 'Wie lange verwenden Sie Ihr Smartphone pro Tag?',
minValue: 0,
maxValue: 24,
name: 'duration'
},
{
xtype: 'textareafield',
label: 'Erzählen Sie uns eine Geschichte im Zusammenhang mit Ihrem Smartphone.',
name: 'story'
}
]
}, {
xtype: 'button',
text: 'Umfrage beenden',
id: 'buttonPage2'
}
],
fullscreen: true
}
});
In my app.js I have this to activate this view: