1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    15
    Vote Rating
    0
    MatthijsH is on a distinguished road

      0  

    Default Unanswered: Form not rendering after open up in webview

    Unanswered: Form not rendering after open up in webview


    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:


    Code:
    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?

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,347
    Answers
    3542
    Vote Rating
    846
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


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

    Code:
    Ext.Viewport.setActiveItem({
        xtype : 'VragenlijstForm'
    });
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1