WebPart Overview

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

Example 1

Consider the following WebPart.  How many sections do you think it has?

Your answer follows.

Example 2

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?

Example 3

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.

WebPart Home (Work with WebParts)

1) WebPart List

This lists all WebParts that exist in the Application. The list can be filtered with the lookup textbox and “Find” button. This can be used to search by WebPartId, WebPart Name, and WebPart Description. Click the “Refresh Data” to undo any filtered searches and return to the full WebPart list. One or multiple WebParts can be selected at once with the use of the “Ctrl” and “Shift” keys.

2) General WebPart Actions

Design New WebPart - Used to create a new WebPart. This selects the next available WebPartId and allows the user to type a Name and Description.

Build All WebParts- Build all WebParts that exist. This can take very long depending on how many WebParts exist.

3) Selected WebPart Actions

Design - Open the selected WebPart. Only one WebPart can be selected.

Edit Name/Desc. - Edit the Name or Description of a WebPart without opening it. Only one WebPart can be selected.

Duplicate - Duplicate the selected WebPart. The duplicate will be assigned the next available WebPartId, the Description will be identical to the original, and the Name will be the original name with a “ - Copy” appended.

Build - Builds the selected WebPart(s). One or multiple WebParts can be built. If many are selected, it may take very long. After the building is done, a message displays the WebPartIds the action was performed on. This can be used to verify the full list of many WebParts were correctly selected.

View Logs - This opens an Application Logs page for the selected WebPart. Only one WebPart can be selected. Logs are generated when logs are on and the WebPart is run.