1. #1
    Sencha User
    Join Date
    Oct 2010
    Posts
    20
    Vote Rating
    0
    babo_ya is on a distinguished road

      0  

    Default Answered: NavigationView Bar

    Answered: NavigationView Bar


    How do I add an image to navigationView bar?

    This works...
    navigationBar : {
    layout : 'hbox',
    items: [{
    xtype: 'button', text : 'melong'
    }
    ]},


    But, this doest NOT work

    navigationBar : {
    layout : 'hbox',
    items: [{
    xtype: 'image',
    src: './resources/images/logo.png'
    }
    ]},


    thanks,

  2. The navigation bar isn't that customizable yet. You can add/insert an item to the navigation bar after it has been created.

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,330
    Answers
    3541
    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


    The navigation bar isn't that customizable yet. You can add/insert an item to the navigation bar after it has been created.
    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.

  4. #3
    Sencha User
    Join Date
    Oct 2010
    Posts
    20
    Vote Rating
    0
    babo_ya is on a distinguished road

      0  

    Default


    so i tried to add an image after 'painted' event if I add the button then it works fine.. however, if I add the image then nothing shows up..

    Please show me an example.....

    somehow I have to the company logo in the center of the nav bar.....

    Thank you so much for your help, you already helped me a lot with other issues


    listeners : {

    painted : function (nav, eOpts) {

    console.log('painted');

    var btn = Ext.create('Ext.Button', {
    text : 'Ok'
    });

    var image = Ext.create('Ext.Img', {
    src : 'http://www.sencha.com/assets/images/sencha-avatar-64x64.png'

    });

    nav.getNavigationBar().add(image);


    }
    }

Thread Participants: 1