What are WebParts and Sections?
In this chapter we will only consider 3 elements: WebParts, Sections and Fields.
A WebPart is a rectangular space on a web page. WebParts allow us to hold and arrange multiple Sections.
A section is similar to a WebPart. It is a rectangular space on a web page. However a Section 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 Sections. 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 sections depending on your desired result.
Understanding WebParts and Sections
Consider the following WebPart. How many sections do you think it has?
Your answer follows.
Answer to the previous question: 2 sections in 1 webpart. The WebPart has a black border while the sections have a pale border. Can you guess why we put those fields in two different sections?
Tip: Before you start working on a WebPart you should plan its sectional layout.
Now consider another WebPart as shown below. How many sections do you think it has?
Answer to the previous question: 4. 2 sections (colored blue) in 1 webpart and another 2 child sections (colored gray) in the second section.
The earlier WebPart uses the notion of 'Section in a Section' i.e., the second blue section is the parent of two gray sections.
A WebPart like this will appear as below in EASYProcess WebPart canvas.