1. #1
    Sencha User
    Join Date
    Aug 2012
    Posts
    2
    Vote Rating
    0
    krkamani is on a distinguished road

      0  

    Default Unanswered: Navigation bar is moving up when the user taps on a text box to enter the text

    Unanswered: Navigation bar is moving up when the user taps on a text box to enter the text


    we have a Navigation view and it has a search form ,

    Navigation view :-
    Code:
    Ext.define('kk.view.Main',{
        extend:'Ext.navigation.View',
        xtype:'mainpanel',
        id:'mainview',
        onBackButtonTap : function() {
            Ext.getCmp('abtButton').show();
            this.callParent();
        },
         defaultFocus: "name_search",
         config:{
             navigationBar: {
                    items: [
                      {
                          xtype: 'button', 
                          margin: '2px',
                          iconCls:'info_plain',
                          iconMask:true,
                          action: 'showAbout',  
                          align: 'right',
                          id:'abtButton'
                      }
                    ]
               },
             defaultBackButtonText:"<font color='white' size='2'><b>Back</b></font>",
             items:[
                 {
                     xtype: 'searchform'
                 }
                 ]
         }
    });
    Search Form have a search field , When users taps on Search field to type text , The Logo which is on the title is going up , Can some one help with this .
    Code:
    Ext.define('kk.view.SearchForm', {
        extend: 'Ext.form.Panel',
        xtype:'searchform',
        id:'searchform',
        requires:['Ext.field.Search','Ext.form.FieldSet','Ext.Label'],
        
        config: {
            title:'<div style="padding-bootom: 8px;"><img align="right" width="160" height="18" src="resources/images/logo_white.png"/>',
            scrollable: false,
            style:'background-color:#8c96bf',
            items: [
                    {
                     xtype: 'fieldset',
                     items:[
                        { 
                            margin: '0 0 5',
                            xtype: 'label',
                            html: ""
                        },    
                        { 
                            xtype: 'label',
                            ui:'light',
                            html: "<div align='left' style='margin:0 0 10px 25px;'><font size='2'><b>Search for a Employee </b></font></div>", 
                            maxLength: 100 
                        },
                         {
                         xtype: 'toolbar',
                         cls:'my_toolbar',
                         items: [
                             {
                                  xtype:'searchfield',
                                  autoComplete:false,
                                  autoCorrect:false,
                                  placeHolder: 'First and/or Last Name',
                                  style: 'font-size:1em;',
                                  clearIcon: true,
                                  id:'name_search',
                                  align: 'left',
                                  name:'textQuery',
                                  flex:15,
                                  listeners : {
                                      action : function() {
                                             this.fireEvent('newSearch', this);
                                         }
                                   }
                             },
                             {
                                   xtype: 'button', 
                                   iconCls:'search2',
                                   iconMask:true,
                                   action: 'searchImgTap',  
                                   flex:1
                               }
                         ]
                         
                         
                     }]
                    }
                ]
        }
    });

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,552
    Answers
    3447
    Vote Rating
    814
    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


    This would be the device moving the screen up to show the keyboard.
    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.

  3. #3
    Sencha User
    Join Date
    Jan 2013
    Posts
    4
    Vote Rating
    0
    shashank@qss is on a distinguished road

      0  

    Default I have same problem.

    I have same problem.


    hi mitchell,
    I have same issue and i am facing much trouble due to this behaviour.......