How to add Field to Navigation Bar

[Brett889]

I can add a Field to a Navigation Bar in code, but I cannot do it via Architect. It does allow me to add Buttons and Labels though.

Is there some trick to getting this to work?

If I can't do it through Architect drag-n-drop, is there some way to add the code in Architect?

Thanks,
Brett.

[Brett889]

I've figured out how to add the field using an override. It would still be good to find a way that doesn't rely on this though.

Ext.define('App.view.override.MainContainer', {
    override: 'App.view.MainContainer',
    constructor: function (config) {
        var navBar;
        
        this.callParent(arguments);
        
        navBar = this.getNavigationBar();        
        
        navBar.add({
            xtype: 'selectfield',
            options: [
                {
                    text: 'Dashboard',
                    value: 'Dashboard'
                },
                {
                    text: 'Clients',
                    value: 'Clients'
                },
                {
                    text: 'Advanced Search',
                    value: 'AdvancedSearch'
                }
            ]
        });
     }
    
});