<img src="https://i.imgur.com/6OoYgUK.png">

1. Click on the <img src="https://i.imgur.com/J4a1Laa.png" width=30 height=30> icon in the upper right hand corner to add a new panel.
2. Click on the <img src="https://i.imgur.com/6biIEa1.png" width=31 height=30> icon to edit the panel.
3. In the Width and Height fields you can specify the dimensions of the panel. (If set w=12 and h=2 the panel will become full page)
4. Assign a name to the panel inside the Name field.
5. Specify the frame style in the App field. * See a list of available types further below.
6. Add in parameters and/or data.
7. Hit Confirm once you are done. (Don't hit enter key

- Change the grid position of your panel by dragging it's title bar to a new position.
- Panel dimensions can also be changed by dragging the bottom-right corner of a panel.


---
<img align="left" height="40" src="https://m3.ypcloud.com/cms/jdi_cards_clouder_cms_6eae937bb7.png"> [Clouder Book](https://hackmd.io/@ypcloud-inc/book)

[jBuilder User Guide](https://hackmd.io/@ypcloud-inc/jbuilder)
###### tags: `guide`