What are WebParts and Sections?
In this chapter we will only consider 3 elements: WebParts, Tables and Fields.
A WebPart is a rectangular space on a web page. WebParts allow us to hold and arrange multiple Sections.
A Table is similar to a WebPart. It is a rectangular space on a web page. However a Table cannot stand alone, it must reside inside a WebPart, and it holds fields.
A field refers to all the elements we are familiar with like buttons, links, data, inputs, images etc. Fields can only be placed inside Tables. Fields are the actual contents we are seeking to arrange in a user friendly format.
Why would we need more than one section in a WebPart? Because a section can only have one format. If you need a WebPart where some fields should be laid out horizontally and some vertically, you have to group those fields into different Tables depending on your desired result.
Understanding WebParts and Tables
Consider the following WebPart. How many Tables do you think it has?
Your answer follows.
Answer to the previous question: 2 Tables in 1 WebPart. The WebPart has a black border while the Tables have a pale border. Can you guess why we put those fields in two different Tables?
Tip: Before you start working on a WebPart you should plan its Table layout.
Now consider another WebPart as shown below. How many Tables do you think it has?
Answer to the previous question: 4. 2 Tables (colored blue) in 1 WebPart and another 2 child Tables (colored gray) in the second Table.
The earlier WebPart uses the notion of 'Table in a Table' i.e., the second blue Table is the parent of two gray Tables.
A WebPart like this will appear as below in EASYProcess WebPart canvas.