PWCT 1.9 Art Documentation ( http://doublesvsoop.sourceforge.net )

2006-2013, Mahmoud Fayed ( msfclipper@users.sourceforge.net )

_____________________________________________________________________________________

Table of contents

1 - Introduction

2 - Implementation steps

3 - Final Steps Tree

4 - Application during the runtime

1 - Introduction

In this lesson we are going to create the Many Grid Columns sample.

2 - Implementation Steps

s1.JPG

Fig. (1) Goal Desginer - Steps Tree

Select the step (Headers)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Arrays)

                3 - Select the component (Declare Array)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Array)

                Note : Stop typing when you see the required component is selected

s2.JPG

Fig. (2) Component Browser Select the component (Declare Array)

After selecting the component click Ok or press ENTER

s3.JPG

Fig. (3) Interaction page - Set the properties and enter the required data as in the image above

s4.JPG

Fig. (4) Goal Desginer - Steps Tree

Select the step (Headers)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Control Structure)

                3 - Select the component (For Loop)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (For Loop)

                Note : Stop typing when you see the required component is selected

s5.JPG

Fig. (5) Component Browser Select the component (For Loop)

After selecting the component click Ok or press ENTER

s6.JPG

Fig. (6) Interaction page - Set the properties and enter the required data as in the image above

s7.JPG

Fig. (7) Goal Desginer - Steps Tree

Select the step (Start Here)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Variables)

                3 - Select the component (Numeric To String)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Numeric To String)

                Note : Stop typing when you see the required component is selected

s8.JPG

Fig. (8) Component Browser Select the component (Numeric To String)

After selecting the component click Ok or press ENTER

s9.JPG

Fig. (9) Interaction page - Set the properties and enter the required data as in the image above

s10.JPG

Fig. (10) Goal Desginer - Steps Tree

Select the step (Start Here)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Variables)

                3 - Select the component (ALL Trim)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (ALL Trim)

                Note : Stop typing when you see the required component is selected

s11.JPG

Fig. (11) Component Browser Select the component (ALL Trim)

After selecting the component click Ok or press ENTER

s12.JPG

Fig. (12) Interaction page - Set the properties and enter the required data as in the image above

s13.JPG

Fig. (13) Goal Desginer - Steps Tree

Select the step (Start Here)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Arrays)

                3 - Select the component (Add Item)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Add Item)

                Note : Stop typing when you see the required component is selected

s14.JPG

Fig. (14) Component Browser Select the component (Add Item)

After selecting the component click Ok or press ENTER

s15.JPG

Fig. (15) Interaction page - Set the properties and enter the required data as in the image above

s16.JPG

Fig. (16) Goal Desginer - Steps Tree

Select the step (Widths)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Arrays)

                3 - Select the component (Declare Array)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Declare Array)

                Note : Stop typing when you see the required component is selected

s17.JPG

Fig. (17) Component Browser Select the component (Declare Array)

After selecting the component click Ok or press ENTER

s18.JPG

Fig. (18) Interaction page - Set the properties and enter the required data as in the image above

s19.JPG

Fig. (19) Goal Desginer - Steps Tree

Select the step (Widths)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Control Structure)

                3 - Select the component (For Loop)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (For Loop)

                Note : Stop typing when you see the required component is selected

s20.JPG

Fig. (20) Component Browser Select the component (For Loop)

After selecting the component click Ok or press ENTER

s21.JPG

Fig. (21) Interaction page - Set the properties and enter the required data as in the image above

s22.JPG

Fig. (22) Goal Desginer - Steps Tree

Select the step (Start Here)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Arrays)

                3 - Select the component (Add Item)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Add Item)

                Note : Stop typing when you see the required component is selected

s23.JPG

Fig. (23) Component Browser Select the component (Add Item)

After selecting the component click Ok or press ENTER

s24.JPG

Fig. (24) Interaction page - Set the properties and enter the required data as in the image above

s25.JPG

Fig. (25) Goal Desginer - Steps Tree

Select the step (The First Step)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Windows)

                3 - Select the component (Define New Window)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Define New Window)

                Note : Stop typing when you see the required component is selected

s26.JPG

Fig. (26) Component Browser Select the component (Define New Window)

After selecting the component click Ok or press ENTER

s27.JPG

Fig. (27) Interaction page - Set the properties and enter the required data as in the image above

s28.JPG

Fig. (28) Form Designer

s29.JPG

Fig. (29) Goal Desginer - Steps Tree

Select the step (Window Controls)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Controls)

                3 - Select the component (Grid Control)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Grid Control)

                Note : Stop typing when you see the required component is selected

s30.JPG

Fig. (30) Component Browser Select the component (Grid Control)

After selecting the component click Ok or press ENTER

s31.JPG

Fig. (31) Interaction page - Set the properties and enter the required data as in the image above

s32.JPG

Fig. (32) Form Designer

s33.JPG

Fig. (33) Goal Desginer - Steps Tree

Select the step (End Of Window)

We will start now new interaction process to generate new steps to our steps tree.

The slow way (Using Mouse):

                1 - Click Interact to open the components browser

                2 - Select the domain (Classes)

                3 - Select the component (Grid Class)

The fast way (Using Keyboard shortcuts):

                1 - Get the component using its name by typing (Grid Class)

                Note : Stop typing when you see the required component is selected

s34.JPG

Fig. (34) Component Browser Select the component (Grid Class)

After selecting the component click Ok or press ENTER

s35.JPG

Fig. (35) Interaction page - Set the properties and enter the required data as in the image above

s36.JPG

Fig. (36) Interaction page - Set the properties and enter the required data as in the image above

s37.JPG

Fig. (37) Interaction page - Set the properties and enter the required data as in the image above

s38.JPG

Fig. (38) Form Designer

s39.JPG

Fig. (39) Goal Desginer - Final Steps Tree

3 - Final Steps Tree

The First Step

                Grid Details

                                Headers

                                                Declare Array myheaders

                                                FOR LOOP ( From x = 1 To 20 Step 1)

                                                                Start Here

                                                                                x2 = CONVERT x TO STRING

                                                                                x2 = All Trim x2

                                                                                Add item "Header " + x2 To Array myheaders

                                                                End of For Loop

                                Widths

                                                Declare Array mywidths

                                                FOR LOOP ( From x = 1 To 20 Step 1)

                                                                Start Here

                                                                                Add item 100 To Array mywidths

                                                                End of For Loop

                Define New Window ( win1 ) , Title : "Many Grid Columns sample"

                                Window Events

                                Window Properties

                                Window Controls

                                                Define New Grid ( Grid1 ) , HEADERS : myheaders

                                                                Events

                                                                Properties

                                End Of Window

                                                win1.grid1.Width := win1.grid1.width + 1

                                Activate window

4 - Application during the runtime

runtime1.JPG

Fig. (40) Application during the runtime