1. #1
    Ext User pluesch0r's Avatar
    Join Date
    Jun 2007
    Location
    Vienna, Austria
    Posts
    23
    Vote Rating
    0
    pluesch0r is on a distinguished road

      0  

    Question Form Layout + Nested Tab Panel + Nested BorderLayout

    Form Layout + Nested Tab Panel + Nested BorderLayout


    Hi there,

    following problem:

    When nesting a BorderLayout in a TabPanel in a FormPanel, I'm not able to get my BorderLayout items to display without setting a height for the BorderLayout.

    Sample code:
    Code:
    {
    xtype:"form",
    title:"Form",
    items:[{
        xtype:"textfield",
        fieldLabel:"Text",
        name:"textvalue"
      },{
        xtype:"textfield",
        fieldLabel:"Text",
        name:"textvalue"
      },{
        xtype:"textfield",
        fieldLabel:"Text",
        name:"textvalue"
      },{
        xtype:"tabpanel",
        activeTab:0,
        items:[{
            xtype:"panel",
            title:"gjgfhjghj",
            layout:"fit",
            items:[{
                layout:"border",
                items:[{
                    region:"center",
                    title:"c"
                  },{
                    region:"north",
                    title:"n",
                    height:200
                  }]
              }]
          }]
      }]
    }
    Feel free to give the thing a try at http://tof2k.com/ext/formbuilder/.

    Any help is greatly appreciated, I'm really out of ideas here.

    Thanks in advance,
    Martin

  2. #2
    Ext JS Premium Member
    Join Date
    Mar 2007
    Location
    France
    Posts
    223
    Vote Rating
    0
    tof is on a distinguished road

      0  

    Default


    Try this in the builder :
    Code:
    {
    xtype:"form",
    title:"Form",
    items:[{
        xtype:"panel",
        anchor:"100% 100%",
        layout:"fit",
        items:[{
            xtype:"tabpanel",
            activeTab:0,
            items:[{
                xtype:"panel",
                title:"Foo",
                bodyStyle:"background:red",
                layout:"border",
                items:[{
                    xtype:"panel",
                    title:"South",
                    region:"south",
                    height:100
                  },{
                    xtype:"panel",
                    title:"West",
                    region:"west",
                    width:150
                  },{
                    xtype:"panel",
                    title:"Center",
                    region:"center"
                  }]
              },{
                xtype:"panel",
                title:"Bar"
              },{
                xtype:"panel",
                title:"Baz"
              }]
          }]
      }]
    }
    What it does is encapsulate the tabpanel in a 100% anchored panel.

Thread Participants: 1

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