# Simple layout - Please Help

**URL:** <https://forum.servoy.com/t/simple-layout-please-help/13992>\
**Category:** Classic Servoy\
**Created:** [May 17, 2011, 10:53pm UTC](https://forum.servoy.com/t/simple-layout-please-help/13992 "2011-05-17T22:53:24Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![starwarz99](https://avatars.discourse-cdn.com/v4/letter/s/e19b73/32.png) [@starwarz99](https://forum.servoy.com/u/starwarz99)\
**Post date:** [May 17, 2011, 10:53pm UTC](https://forum.servoy.com/t/simple-layout-please-help/13992/1 "2011-05-17T22:53:24Z")

</div>

I am VERY new to Servoy. I am trying to get a simple layout in Servoy. We will be running it through the WebClient almost exclusively. I am trying to do a proof of concept, but I am having an issue with 100% height, and 100% width. Basically I need a two row CSS type layout. The top row will have a number of input fields or text areas, and the bottom “row” will just be a datagrid of results. I cannot figure out how to do this. I’ve built a form with the inputs up top, and placed a tabpanel underneath that has another form I built (with the datagrid) inside of it. The problem is, I can’t get the tabpanel to fill up an entire webpage. I’ve tried the onresize events, and everything I could think of. The inner form with the datagrid fills seems to fill up the width of the panel, but it did it automatically without me doing anything.

I am so lost, so ANY feedback or better yet examples would be GREATLY appreciated!

---

<div class="post-metadata">

**Author:** ![ROCLASI](https://yyz2.discourse-cdn.com/flex010/user_avatar/forum.servoy.com/roclasi/32/4371_2.png) [@ROCLASI](https://forum.servoy.com/u/ROCLASI)\
**Post date:** [May 18, 2011, 4:07am UTC](https://forum.servoy.com/t/simple-layout-please-help/13992/2 "2011-05-18T04:07:31Z")

</div>

Hi starwarz99,

First of all welcome to Servoy! ![:)]( "Smile")

About your question, you can anchor your tabpanel (see properties) so it will grow when your window grows.

Another approach would be to not use a tabpanel but form parts. This will allow you to use only 1 form instead of 2.  
Just have a form setup in table view with a title-top and body part. On the title-top part you put you input fields and your text areas and on the body part you place the table fields.  
You need to use a title-top form part because if you use a top form part the table won’t create the table header for you.  
To manage/create the form parts you simply select the Parts tab at the bottom of your form editor.

Hope this helps.