Simple layout - Please Help

Classic Servoy
1

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!

2

Hi starwarz99,

First of all welcome to Servoy! :)

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.