1. #1
    Sencha User
    Join Date
    Sep 2007
    Posts
    118
    Vote Rating
    0
    stratboogie is on a distinguished road

      0  

    Default Form Scrolling Issue

    Form Scrolling Issue


    Hello, I am developing my first app with sencha mobile and I am having some scrolling problems with the form. I have tested this on several forms, and I cant get it to scroll very well. Sometimes not at all. Also wen I do get it to scroll, if I try to change tabs, it will activate one of the tabpanels. I am posted my code to see if I am doing something wrong or If there is a better way of doing a form layout.
    thx
    Timothy

    Code:
    Ext.setup({
        tabletStartupScreen: 'tablet_startup.png',
        phoneStartupScreen: 'phone_startup.png',
        icon: 'icon.png',
        glossOnIcon: false,
        onReady: function () {
            var ConnectFirstName,
            ConnectMiddleName,
            ConnectLastName,
            ConnectAddress,
            ConnectCity,
            ConnectState,
            ConnectZip,
            ConnectPhone,
            ConnectEmail,
            ConnectDOB;
    
            var Connect = new Ext.form.FormPanel({
                title: 'Connect',
                scroll: 'vertical',
                height: 700,
                items: [{
                    xtype: 'fieldset',
                    id: 'loginFormSet',
                    title: '',
                    items: [ConnectFirstName = new Ext.form.Text({
                        name: "FirstName",
                        label: "First"
                    }), ConnectLastName = new Ext.form.Text({
                        name: "LastName",
                        label: "Last"
                    }), ConnectAddress = new Ext.form.Text({
                        name: "Address",
                        label: "Address"
                    }), ConnectCity = new Ext.form.Text({
                        name: "City",
                        label: "City"
                    }), ConnectState = new Ext.form.Text({
                        name: "State",
                        label: "State"
                    }), ConnectZip = new Ext.form.Text({
                        name: "Zip",
                        label: "Zip"
                    }), ConnectPhone = new Ext.form.Text({
                        name: "Phone",
                        label: "Phone"
                    }), ConnectEmail = new Ext.form.Email({
                        name: "Email",
                        label: "Email"
                    }), ConnectDOB = new Ext.form.DatePicker({
                        yearFrom: 1900,
                        yearTo: 2020,
                        name: "DOB",
                        label: "DOB"
                    }), {
                        xtype: 'button',
                        text: 'Connect',
                        ui: 'confirm',
                        style: 'margin:2%;',
                        handler: function () {
                            Ext.Ajax.request({
                                params: {
                                    a: "IConnectCreate",
                                    FirstName: ConnectFirstName.getValue(),
                                    LastName: ConnectLastName.getValue(),
                                    Address: ConnectAddress.getValue(),
                                    City: ConnectCity.getValue(),
                                    State: ConnectState.getValue(),
                                    Zip: ConnectZip.getValue(),
                                    Phone: ConnectPhone.getValue(),
                                    Email: ConnectEmail.getValue(),
                                    DOB: Ext.util.Format.date(ConnectDOB.getValue(), "m/d/Y")
    
                                },
                                success: function (response, options) {
                                    Connect.reset();
                                    Ext.Msg.alert("Success", "You have successfully Connected!");
                                },
                                failure: function (response, options) {
                                    Ext.Msg.alert("Failure", "You have successfully Connected!");
                                },
                                scope: this,
                                url: "IConnect.aspx"
                            })
                        }
                    }]
                }]
            });
    
            var Engage = new Ext.Panel({
                title: 'Engage',
                scroll: 'vertical',
                height: 700,
                items: [{
                    xtype: 'fieldset',
                    id: 'loginFormSet',
                    title: '',
                    items: [EngageFirstName = new Ext.form.Text({
                        name: "FirstName",
                        label: "First"
                    }), EngageLastName = new Ext.form.Text({
                        name: "LastName",
                        label: "Last"
                    }), EngageAddress = new Ext.form.Text({
                        name: "Address",
                        label: "Address"
                    }), EngageCity = new Ext.form.Text({
                        name: "City",
                        label: "City"
                    }), EngageState = new Ext.form.Text({
                        name: "State",
                        label: "State"
                    }), EngageZip = new Ext.form.Text({
                        name: "Zip",
                        label: "Zip"
                    }), EngagePhone = new Ext.form.Text({
                        name: "Phone",
                        label: "Phone"
                    }), EngageEmail = new Ext.form.Email({
                        name: "Email",
                        label: "Email"
                    }), EngageDOB = new Ext.form.DatePicker({
                        yearFrom: 1900,
                        yearTo: 2020,
                        name: "DOB",
                        label: "DOB"
                    }), EngageType = new Ext.form.Select({
                        label: "Engage In",
                        options: [{
                            text: 'First Option',
                            value: 'first'
                        }, {
                            text: 'Second Option',
                            value: 'second'
                        }, {
                            text: 'Third Option',
                            value: 'third'
                        }]
                    }), EngageComments = new Ext.form.TextArea({
                        name: "EngageComments",
                        label: "Comments"
                    }), {
                        xtype: 'button',
                        text: 'Engage',
                        ui: 'confirm',
                        style: 'margin:2%;',
                        handler: function () {
                            Ext.Ajax.request({
                                params: {
                                    a: "IEngageCreate",
                                    FirstName: EngageFirstName.getValue(),
                                    LastName: EngageLastName.getValue(),
                                    Address: EngageAddress.getValue(),
                                    City: EngageCity.getValue(),
                                    State: EngageState.getValue(),
                                    Zip: EngageZip.getValue(),
                                    Phone: EngagePhone.getValue(),
                                    Email: EngageEmail.getValue(),
                                    Comments: EngageComments.getValue(),
                                    DOB: Ext.util.Format.date(EngageDOB.getValue(), "m/d/Y")
    
                                },
                                success: function (response, options) {
                                    Engage.reset();
                                    Ext.Msg.alert("Success", "You have successfully Engageed!");
                                },
                                scope: this,
                                url: "IConnect.aspx"
                            })
                        }
                    }]
                }]
            });
    
            var Request = new Ext.Panel({
                title: 'Request',
                scroll: 'vertical',
                height: 700,
                items: [{
                    xtype: 'fieldset',
                    id: 'loginFormSet',
                    title: '',
                    items: [RequestFirstName = new Ext.form.Text({
                        name: "FirstName",
                        label: "First"
                    }), RequestLastName = new Ext.form.Text({
                        name: "LastName",
                        label: "Last"
                    }), RequestAddress = new Ext.form.Text({
                        name: "Address",
                        label: "Address"
                    }), RequestCity = new Ext.form.Text({
                        name: "City",
                        label: "City"
                    }), RequestState = new Ext.form.Text({
                        name: "State",
                        label: "State"
                    }), RequestZip = new Ext.form.Text({
                        name: "Zip",
                        label: "Zip"
                    }), RequestPhone = new Ext.form.Text({
                        name: "Phone",
                        label: "Phone"
                    }), RequestEmail = new Ext.form.Email({
                        name: "Email",
                        label: "Email"
                    }), RequestDOB = new Ext.form.DatePicker({
                        yearFrom: 1900,
                        yearTo: 2020,
                        name: "DOB",
                        label: "DOB"
                    }), RequestComments = new Ext.form.TextArea({
                        name: "Request",
                        label: "Request"
                    }), {
                        xtype: 'button',
                        text: 'Request',
                        ui: 'confirm',
                        style: 'margin:2%;',
                        handler: function () {
                            Ext.Ajax.request({
                                params: {
                                    a: "IRequestCreate",
                                    FirstName: RequestFirstName.getValue(),
                                    LastName: RequestLastName.getValue(),
                                    Address: RequestAddress.getValue(),
                                    City: RequestCity.getValue(),
                                    State: RequestState.getValue(),
                                    Zip: RequestZip.getValue(),
                                    Phone: RequestPhone.getValue(),
                                    Email: RequestEmail.getValue(),
                                    Request: RequestComments.getValue(),
                                    DOB: Ext.util.Format.date(RequestDOB.getValue(), "m/d/Y")
    
                                },
                                success: function (response, options) {
                                    Request.reset();
                                    Ext.Msg.alert("Success", "You request has successfully been submitted!");
                                },
                                scope: this,
                                url: "IConnect.aspx"
                            })
                        }
                    }]
                }]
            });
    
            var panel = new Ext.TabPanel({
                fullscreen: true,
                cardSwitchAnimation: 'slide',
                sortable: true,
                scroll: 'vertical',
                items: [Connect, Engage, Request]
            });
        }
    });

  2. #2
    Sencha User
    Join Date
    Sep 2007
    Posts
    118
    Vote Rating
    0
    stratboogie is on a distinguished road

      0  

    Default


    You can load it up here an dsee what I am talking about:

    http://demo.iconnect.verticalcms.com/Iconnect.aspx

    thx
    Timothy

  3. #3
    Sencha User
    Join Date
    Sep 2007
    Posts
    118
    Vote Rating
    0
    stratboogie is on a distinguished road

      0  

    Default


    Any ideas?

  4. #4
    Sencha User
    Join Date
    Sep 2007
    Posts
    118
    Vote Rating
    0
    stratboogie is on a distinguished road

      0  

    Default


    So, the issue seems to be only on HTC phones. it works beautifully on the IPhone. Is there a trick to getting the scrolling to work on the HTC's. Tested on the HTC hero and HTC desire.

    thx
    Timothy

  5. #5
    Sencha User
    Join Date
    Sep 2007
    Posts
    118
    Vote Rating
    0
    stratboogie is on a distinguished road

      0  

    Default


    I updated the url above. It should now navigate to the page I am referring to

    thx
    Timothy

Similar Threads

  1. [FIXED-153] Iphone form scrolling behavior issue
    By meyerovb in forum Sencha Touch 1.x: Bugs
    Replies: 3
    Last Post: 9 Nov 2010, 11:32 AM
  2. Scrolling Issue since 3.0.0
    By Naokai in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 18 Aug 2009, 6:44 AM
  3. [FIXED] [1.2] Scrolling issue
    By alepar in forum Ext GWT: Bugs (1.x)
    Replies: 3
    Last Post: 12 Dec 2008, 12:02 AM
  4. [2.2] - Tab Scrolling issue with Ext.Updater
    By srajakaruna in forum Ext 2.x: Help & Discussion
    Replies: 3
    Last Post: 14 Aug 2008, 8:00 PM
  5. Scrolling Issue With Grids
    By mike000 in forum Ext 1.x: Help & Discussion
    Replies: 0
    Last Post: 11 Jul 2007, 6:07 AM
Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..."