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
    570
    Vote Rating
    181
    Answers
    62
    Tim Toady is a splendid one to behold Tim Toady is a splendid one to behold Tim Toady is a splendid one to behold Tim Toady is a splendid one to behold Tim Toady is a splendid one to behold Tim Toady is a splendid one to behold Tim Toady is a splendid one to behold

      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