---
title: "How to create panels inside panel"  
description: "How to create panels inside panel"  
author: "Simond Gear"  
published: 2016-11-24  
updated: 2016-11-24  
canonical: https://www.mindstick.com/forum/34208/how-to-create-panels-inside-panel  
category: "sencha extjs"  
tags: ["sencha"]  
reading_time: 2 minutes  

---

# How to create panels inside panel

Hi Buddy\
I am working on sencha [extjs](https://www.mindstick.com/forum/34106/how-to-use-extjs-grid) [project](https://www.mindstick.com/articles/105927/how-to-excel-at-managing-multiple-projects) so i want to know that how to create panels inside panel.I would really appreciate your help\
Thanks

## Replies

### Reply by Abhishek Srivasatava

Hi Simond,\
\
I have created the code for the border panel containing accordion panel.\
\
Please Review it, let us know if any other information is required.\

```
               Ext.onReady(function () {               Ext.create('Ext.panel.Panel', {        // Creating Panel                   renderTo: 'div2',                    height: 585,                               width: 1360 ,                   layout: 'border',                       items: [{                           // Creating Panel inside Panel                              title: 'West Panel ',                       region: 'west',                       html: 'West Panel Test ',                       collapsible: true,                       split: true,                       width: 300,                       layout : 'accordion',                       bodyStyle: 'padding:15px',                       items: [{                           // Creating Panel inside Panel                            title: 'Panel Test 1',                           html: 'Panel 1 Test  html content'                       }, {                           title: 'Panel Test  2',                           html: 'Panel 2 Test  html content'                       }, {                           title: 'Panel Test  3',                           html: 'Panel 3 Test  html content'                       }]                                         }, {                       title: 'south Panel',                       region: 'south',                       html: 'South Panel Test ',                       collapsible: true,                       split: true,                       bodyStyle: 'padding:15px'                    }, {                       title: 'East Panel',                       region: 'east',                       html: 'East Panel Test',                       collapsible: true,                       split: true,                       bodyStyle: 'padding:15px'                    }]               });           });
```

```

```


---

Original Source: https://www.mindstick.com/forum/34208/how-to-create-panels-inside-panel

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.