add items in layout border - extjs

i need to add two boxes in the north section of a layout border

it would be something like this : in red the boxes / panels i need to add (but i dont want to keep borders)

here is my try :

...
{

        region: 'north', 
        split: true,
       //xtype : 'box',
        height: 100,
        layout : 'anchor',

开发者_C百科        items: [{ xtype: 'box', id: 'header', height: 100, anchor: '70%',
                  html: '<h1> my title</h1>'},
                {
                    xtype: 'panel', title: 'title', border: 'false', frame: false,  height: 100,
                    html: '<h1> my info</h1>'
                }]
    }
...

the second panel doesnt work

thanks for ur help

If you want further partition of your north panel, then you should use layout:'border'. Otherwise you can add your items to the north region derectly without using layout. If you don't want the border,You should use border:false

You would be better using a border layout again in the north region...

region: 'north', 
split: true,
//xtype : 'box',
height: 100,
layout : 'border',
items: [{ 
      xtype: 'box',
      id: 'header',
      region: 'center',
      height: 100,
      anchor: '70%',
      html: ' my title'
}, { 
      xtype: 'panel',
      region: 'east'
      border: 'false',
      frame: false,
      height: 100,
      width: '49%',
      html: ' my info'
   }]
...

That should work okay.