Form not rendering after open up in webview

[MatthijsH]

Hello, I've made a simple application with standard componements and everything is working fine in Safari and Chrome. But when I add the App to the homescreen of my iPhone4s. The panel with the form is not rendering. The code for that panel is:

Ext.define('Vragenlijst.view.VragenlijstForm', {
    extend: 'Ext.form.Panel',
    alias: 'widget.VragenlijstForm',
    config: {
        styleHtmlContent: true,
        fullscreen: true,
        items: [
            {
                xtype: 'fieldset',
                title: 'Je gegevens',
                items: [
                    {
                        xtype: 'textfield',
                        name: 'fname',
                        label: 'Voornaam:'
                    }, {
                        xtype: 'textfield',
                        name: 'lname',
                        label: 'Achternaam:'
                    }, {
                        xtype: 'textfield',
                        name: 'age',
                        label: 'Leeftijd'
                    }, {
                        xtype: "datepickerfield",
                        name: "date",
                        label: "Geboortedatum",
                        picker: { 
                            yearFrom: 1980,
                        }
                    },
                    {
                        xtype: "emailfield",
                        name: "email",
                        label: "E-mail",
                        placeHolder: "jij@email.com"  
                    },    
                ]
            },
            {
                xtype: 'toolbar',
                layout: {
                    pack: 'right'
                },
                docked: 'bottom',
                items: [{
                    xtype: 'button',
                    text: 'Reset',
                    ui: 'decline'
                },
                {
                    xtype: 'button',
                    text: 'Volgende',
                    ui: 'forward',
                    handler: function() {
                        Ext.Viewport.animateActiveItem('VragenlijstForm2', {
                            type: 'slide',
                            direction: 'left'
                        });
                    }
                }]
            }
        ]
    }
});

I had a similar problem with the tabPanel. I solved it with replacing extend: 'Ext.tabPanel' with 'Ext.tab.Panel'. But I can't see I can do anything similar to my Form problem. Can anybody exmplain me why such problems occur, when I'm not opening the App in a browser?

[mitchellsimoens]

Your code worked for me when launching from the homescreen via this code:

Ext.Viewport.setActiveItem({
    xtype : 'VragenlijstForm'
});