How to enable Search text field for view When I use accordion layout?

[ck2978]

Hi,
I use Ext.ND.
I use 'accordion' layout in the west region.
when I use domino's outline to open a view to center region, the view display is find, but doesn't display search text field on the bottum in this view(Accordion and outline.png).

If I use domino's outline to open a view ( don't use accordion layout), the search text field will be display(Outline only.png.


Can anyone help me, How to enable search text field when I use accordion layout?

Thanks.

[jratcliff]

can you post some code so I can debug it? Looks like it is trying to show the Search field. I see the label, just not the actual input field.

[ck2978]

Hi jratcliff,
Good Day.

I use the sample file main-beta2.html in Ex3.nd' demo.nsf database.

The Search text field always active on activeTab In the centerTabPanel.

Thanks your help.

Ext.onReady(function() {

    Ext.nd.dateTimeFormats = {
                       dateFormat : Ext.DatePicker.prototype.format,
                       timeFormat : 'h:i:s A',
                       dateTimeFormat : Ext.DatePicker.prototype.format + ' h:i:s A'
               };
               
    var centerTabPanel = new Ext.TabPanel({
                id : 'center-region',
                region : 'center',
                deferredRender : false,
                enableTabScroll : true,
                activeTab : 3,
                border : false,
                margins : {left : 0, top: 0, right : 0, bottom : 10},
                defaults : {
                    target : 'center-region',
                    border : true
                }, 
                items : [{
                    contentEl : 'center1',
                    title : 'Close Me2',
                    closable : true,
                    autoScroll : true
                }, {
                    contentEl : 'center2',
                    title : 'Center Panel',
                    autoScroll : true
                }, {
                    xtype: 'tabpanel',
                    title : 'A Flat View',
                    id : 'tabview',
                    activeTab : 0,
                    tabPosition: 'bottom',
                    items : [{
                        xtype : 'xnd-uiview',
                        viewName : 'f1',
                        target : 'tabview'
                    }]
                }, {
                    xtype : 'xnd-uiview',
                    viewName : 'sc1',
                    title : 'A Categorized View'
                }, {
                    xtype : 'xnd-uiview',
                    viewUrl : '/extnd/tasks.nsf/Tasks\\All',
                    stripeRows : true,
                    title : 'A view in a different db'
                }]
            });
        
    var viewport = new Ext.Viewport({
        layout: 'border',
        defaults : {
            margins : {left : 10, top: 0, right: 10, bottom: 10}
        },
        items: [
            new Ext.BoxComponent({
                region : 'north',
                el : 'north',
                style : {margin : "5px"},
                height: 32
            }) , {
                region : 'east',
                title : 'East Side',
                collapsible : true,
                split : true,
                width : 225,
                minSize : 175,
                maxSize : 400,
                layout : 'fit',
                //margins : '0 5 0 0',
                items :
                    new Ext.TabPanel({
                        border : false,
                        activeTab : 1,
                        tabPosition: 'bottom',
                        items : [{
                            html : '<p>A TabPanel component cabe be a region.</p>',
                            title : 'A Tab',
                            autoScroll : true
                        },
                        new Ext.grid.PropertyGrid({
                            title : 'Property Grid',
                            closable : true,
                            source : {
                                "(name)" : "Properties Grid",
                                "grouping" : false,
                                "autoFitColumns" : true,
                                "productionQuality" : false,
                                "created" : new Date(Date.parse('10/15/2006')),
                                "tested" : false,
                                "version" : .01,
                                "borderWidth" : 1
                            }
                        })]
                    })
            }, {
                region : 'west',
                id : 'west-panel',
                title : 'West',
                split : true,
                width : 200,
                minSize : 175,
                maxSize : 400,
                collapsible : true,
                cmargins : {top : 5},
                layout: 'accordion',
                layoutConfig : {
                    animate : true
                },
                defaults : {
                    border : false
                },
                items : [{
                    title : 'Outline from Domino',
                    xtype : 'xnd-uioutline',
                    target : 'center-region',
                    targetDefaults : {closable : true},
                    outlineName : 'mainOL'
                },{
                    title : 'Navigation',
                    html : '<p>some navigation here, maybe an outline</p>'
                },{
                    xtype : 'xnd-uiview',
                    viewName : 'f1',
                    stripeRows : true,
                    title : 'A View',
                    target : 'west-panel'
                }, {
                    title : 'Settings',
                    html : '<p>Some settings in here.</p>',
                    border : false
                }, {
                    title : 'Another Outline from Domino',
                    xtype : 'xnd-uioutline',
                    outlineName : 'mainOL'
                }]
            }, 
            centerTabPanel]
    });
    
    centerTabPanel.add({xtype : 'xnd-uiview', viewUrl : '/extnd/demo.nsf/f1'});
    
    Ext.get("hideit").on('click', function() {
        var w = Ext.getCmp('west-panel');
        w.collapsed ? w.expand() : w.collapse();
    });
    
})

[jratcliff]

What browser and version are you using? I just tried on IE 8, Chrome 27 and FF 14 and the search input field rendered in all cases.

[ck2978]

I have redownload extnd b3 from this forum.
My have try browser IE8 / IE9 / FF 19 / Chrome 20.0.1132.57 / Safari 5.1.4
I get the same situation.
If I use the domiono's outline and "accordion" layout in the west panel, only default activetab can display search text field, the other notes view cann't dispaly search text field.

If your ext.nd database is work, Would you please send the ext.nd and sample database to me?

[jratcliff]

I have redownload extnd b3 from this forum.
My have try browser IE8 / IE9 / FF 19 / Chrome 20.0.1132.57 / Safari 5.1.4
I get the same situation.
If I use the domiono's outline and "accordion" layout in the west panel, only default activetab can display search text field, the other notes view cann't dispaly search text field.

If your ext.nd database is work, Would you please send the ext.nd and sample database to me?

Give me a few more days as we work on setting up extnd.com. I'll then repackage and post a link to Extnd for ExtJS3x