Top
Top
LibraryEASYProcess Reference Manual 5WebParts
WebPart Overview
WebPart Home (Work with WebParts)
Fields
WebPart Design Page

WebPart Overview

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

Example 1

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

Your answer follows.

Example 2

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?

Example 3

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.


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 and WebPart Name.

2) General WebPart Actions

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

3) Selected WebPart Actions

Design - Open the selected WebPart in the WebPart Designer.

Edit Name/Desc. - Edit the Name or Description of a WebPart without opening it.

Duplicate - Duplicates the WebPart. The duplicate will be assigned the next available WebPartId, a window will appear allowing you to enter new information for the duplicated webpart.


Powered by EASYProcess (© 2019 K-Rise Systems, Inc).