1. #1
    Sencha User
    Join Date
    Oct 2007
    Posts
    11
    Vote Rating
    0
    ck2978 is on a distinguished road

      0  

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

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


    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.
    Attached Images

  2. #2
    Sencha - Services Team
    Join Date
    Mar 2007
    Location
    Foristell, MO
    Posts
    1,107
    Vote Rating
    3
    jratcliff is on a distinguished road

      0  

    Default


    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.
    Jack Ratcliff
    Sencha Inc, Green bleeding Senchan

    How to report a bug:
    http://www.sencha.com/forum/showthre...o-report-a-bug

  3. #3
    Sencha User
    Join Date
    Oct 2007
    Posts
    11
    Vote Rating
    0
    ck2978 is on a distinguished road

      0  

    Default


    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.
    Code:
    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();
        });
        
    })
    Last edited by jratcliff; 13 Mar 2013 at 5:47 AM. Reason: added [code]tags around code

  4. #4
    Sencha - Services Team
    Join Date
    Mar 2007
    Location
    Foristell, MO
    Posts
    1,107
    Vote Rating
    3
    jratcliff is on a distinguished road

      0  

    Default


    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.
    Jack Ratcliff
    Sencha Inc, Green bleeding Senchan

    How to report a bug:
    http://www.sencha.com/forum/showthre...o-report-a-bug

  5. #5
    Sencha User
    Join Date
    Oct 2007
    Posts
    11
    Vote Rating
    0
    ck2978 is on a distinguished road

      0  

    Default


    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?
    Attached Images

  6. #6
    Sencha - Services Team
    Join Date
    Mar 2007
    Location
    Foristell, MO
    Posts
    1,107
    Vote Rating
    3
    jratcliff is on a distinguished road

      0  

    Default


    Quote Originally Posted by ck2978 View Post
    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
    Jack Ratcliff
    Sencha Inc, Green bleeding Senchan

    How to report a bug:
    http://www.sencha.com/forum/showthre...o-report-a-bug

  7. #7
    Sencha User
    Join Date
    Oct 2007
    Posts
    11
    Vote Rating
    0
    ck2978 is on a distinguished road

      0  

    Default


    Thnaks you.

    I will looking forward to this website.

  8. #8
    Sencha User
    Join Date
    Apr 2011
    Posts
    12
    Vote Rating
    2
    Christian Huber is on a distinguished road

      0  

    Default Litte Hack to always show the search field

    Litte Hack to always show the search field


    Hello,

    i had the same problem. If you are waiting for response of Jack, here's a little hack.

    Edit the domino.css stylesheet in the extnd database.
    Modifiy the following entry

    /* TODO - need to find out why we had this set */
    .x-form-field-wrap {
    /*height: 23px;*/
    width: 400px!important;
    }

    This extends the div (because the field is not shown because of the div -> see picture)

    best regard
    Christian Huber
    Software Solutions Simple
    Attached Images

Thread Participants: 2

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar