Center search field in navigationbar when using navigation view

[johanstenberg92]

Hi!

I'm trying to center a search field in my navigationbar when using a navigation view but I just can make it work. Can someone please show me how? Here's my code:

config: {        fullscreen: true,
            navigationBar: {
                items: [
                    {
                        xtype: 'searchfield',
                           placeHolder: 'Search...',
                           listeners: {
                            keyup: function(field) {
                            
                            }
                        }
                    }
                ]
            },


        items: [

Everything is working but the searchbar is not centered (note I know I haven't written anything specific for centering it but when I try it doesn't center).

Thanks in advance!

[mitchellsimoens]

The navigation bar extends titlebar which allows it's items to use the align config. However, the align config for titlebar only accepts left and right. I personally have opened a story for our internal feature request but currently you cannot center align things within a titlebar. The title is the only thing that can be centered.

[nello]

This took me about a day to figure out:

this.getNavigationBar().leftBox.setCentered(true);