1. #11
    Sencha User
    Join Date
    Nov 2008
    Posts
    37
    Vote Rating
    0
    harjits is on a distinguished road

      0  

    Default

    I figured it out , the layout on it was fit and the first panel took all the space and the second panel was being rendered below it, I just had to scroll 1000 pixels below to see it... don't know why if I set to fit it takes the whole view

    Quote Originally Posted by harjits View Post
    For some reasons when I have this

    Code:
     var find =  new sentry.FindWrapperPanel()
         var results = new sentry.ResultPanel()
         var viewP = new Ext.Viewport({
         layout : 'fit',
         autoScroll:true,
         items : [find,results]
         });
    it doesn't show the results panel and hence I had to do this....

  2. #12
    Sencha User
    Join Date
    Nov 2008
    Posts
    37
    Vote Rating
    0
    harjits is on a distinguished road

      0  

    Default

    I did that and my vertical scroll bar is gone so I can't see all of my grids now. Can only see 3.

  3. #13
    Sencha User
    Join Date
    Nov 2008
    Posts
    37
    Vote Rating
    0
    harjits is on a distinguished road

      0  

    Default

    I did that and my vertical scroll bar is gone so I can't see all of my grids now. Can only see 3.

    Quote Originally Posted by Tim Toady View Post
    layout: 'fit' stretches the first child to the parent container's full width and height. You would want a vbox with align stretch. Then you would probably put a height on your find component and a flex: 1 on your results component.

  4. #14
    Sencha User Tim Toady's Avatar
    Join Date
    Feb 2010
    Location
    Pennsylvania
    Posts
    582
    Vote Rating
    268
    Answers
    62
    Tim Toady has much to be proud of Tim Toady has much to be proud of Tim Toady has much to be proud of Tim Toady has much to be proud of Tim Toady has much to be proud of Tim Toady has much to be proud of Tim Toady has much to be proud of Tim Toady has much to be proud of

      0  

    Default

    It should be something like this. Did you drop the autoScroll true on the results panel?

    Viewport - vbox layout with align stretch
    Find - with a height
    Results - flex 1, no height, vbox with align: 'stretch', and autoScroll: true
    Grid1 - with height
    Grid2 - with height
    Grid3 - with height
    Grid4 - with height
    Grid5 - with height
    Grid6 - with height

  5. #15
    Sencha User
    Join Date
    Nov 2008
    Posts
    37
    Vote Rating
    0
    harjits is on a distinguished road

      0  

    Default

    It didn't help. I have viewport with


    Code:
    var viewP = new Ext.Viewport({
             layout:{
                 type:'vbox',
                 align:'stretch'
             },
         items : [find,results]
         });
    Results with
    Code:
    sentry.ResultPanel = Ext.extend(Ext.Panel, {
        id:'resultContainer',
        frame:false,
        autoScroll:true,
        flex:1,
        layout:{
            type:'vbox',
            align:'stretch'
        },
    and find with a height. I still don't see the scroll bar on the right and I just see 3 grids. I'm attaching the picture...Capture.jpg
    Quote Originally Posted by Tim Toady View Post
    It should be something like this. Did you drop the autoScroll true on the results panel?

    Viewport - vbox layout with align stretch
    Find - with a height
    Results - flex 1, no height, vbox with align: 'stretch', and autoScroll: true
    Grid1 - with height
    Grid2 - with height
    Grid3 - with height
    Grid4 - with height
    Grid5 - with height
    Grid6 - with height

Thread Participants: 1

Tags for this Thread