This document describes how to use the Gif89 ActiveX control by building a steps tree in PWCT 1.9. It involves adding steps to define a new window, add ActiveX controls to it, and set properties of the controls like FileName. Screenshots show selecting components and properties. The final steps tree defines the window, controls, and sets the ActiveX object properties to display GIF images.

1. 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 learn how to use the Gif89 ActiveX.
2 - Implementation Steps
Fig. (1) 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

2. Fig. (2) Component Browser – Select the component (Define New Window)
After selecting the component click Ok or press ENTER
Fig. (3) Interaction page - Set the properties and enter the required data as in the image above

3. Fig. (4) Form Designer
Fig. (5) 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 (ActiveX)
3 - Select the component (Define ActiveX control)
The fast way (Using Keyboard shortcuts):
1 - Get the component using its name by typing (Define ActiveX control)
Note : Stop typing when you see the required component is selected

4. Fig. (6) Component Browser – Select the component (Define ActiveX control)
After selecting the component click Ok or press ENTER
Fig. (7) Interaction page - Set the properties and enter the required data as in the image above

5. Fig. (8) Form Designer
Fig. (9) 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 (ActiveX)
3 - Select the component (Define ActiveX control)
The fast way (Using Keyboard shortcuts):
1 - Get the component using its name by typing (Define ActiveX control)
Note : Stop typing when you see the required component is selected

6. Fig. (10) Component Browser – Select the component (Define ActiveX control)
After selecting the component click Ok or press ENTER
Fig. (11) Interaction page - Set the properties and enter the required data as in the image above

7. Fig. (12) Form Designer
Fig. (13) Goal Desginer - Steps Tree
Select the step (Set activex properties)
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 (ActiveX)
3 - Select the component (ActiveX Object)
The fast way (Using Keyboard shortcuts):
1 - Get the component using its name by typing (ActiveX Object)
Note : Stop typing when you see the required component is selected

8. Fig. (14) Component Browser – Select the component (ActiveX Object)
After selecting the component click Ok or press ENTER
Fig. (15) Interaction page - Set the properties and enter the required data as in the image above

9. Fig. (16) Goal Desginer - Steps Tree
Select the step (Set activex properties)
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 (ActiveX)
3 - Select the component (ActiveX Object)
The fast way (Using Keyboard shortcuts):
1 - Get the component using its name by typing (ActiveX Object)
Note : Stop typing when you see the required component is selected
Fig. (17) Component Browser – Select the component (ActiveX Object)
After selecting the component click Ok or press ENTER

10. Fig. (18) Interaction page - Set the properties and enter the required data as in the image above
Fig. (19) Goal Desginer - Steps Tree
Select the step (Set activex properties)
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 (ActiveX)
3 - Select the component (ActiveX Object)
The fast way (Using Keyboard shortcuts):
1 - Get the component using its name by typing (ActiveX Object)
Note : Stop typing when you see the required component is selected

11. Fig. (20) Component Browser – Select the component (ActiveX Object)
After selecting the component click Ok or press ENTER
Fig. (21) Interaction page - Set the properties and enter the required data as in the image above

12. Fig. (22) Goal Desginer - Steps Tree
Select the step (Set activex properties)
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 (ActiveX)
3 - Select the component (ActiveX Object)
The fast way (Using Keyboard shortcuts):
1 - Get the component using its name by typing (ActiveX Object)
Note : Stop typing when you see the required component is selected
Fig. (23) Component Browser – Select the component (ActiveX Object)
After selecting the component click Ok or press ENTER

13. Fig. (24) Interaction page - Set the properties and enter the required data as in the image above
Fig. (25) Goal Desginer - Steps Tree
Select the step (Set activex properties)
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 (ActiveX)
3 - Select the component (ActiveX Object)
The fast way (Using Keyboard shortcuts):
1 - Get the component using its name by typing (ActiveX Object)
Note : Stop typing when you see the required component is selected

14. Fig. (26) Component Browser – Select the component (ActiveX Object)
After selecting the component click Ok or press ENTER
Fig. (27) Interaction page - Set the properties and enter the required data as in the image above

15. Fig. (28) Goal Desginer - Steps Tree
Select the step (Set activex properties)
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 (ActiveX)
3 - Select the component (ActiveX Object)
The fast way (Using Keyboard shortcuts):
1 - Get the component using its name by typing (ActiveX Object)
Note : Stop typing when you see the required component is selected
Fig. (29) Component Browser – Select the component (ActiveX Object)
After selecting the component click Ok or press ENTER

16. Fig. (30) Interaction page - Set the properties and enter the required data as in the image above
Fig. (31) Goal Desginer - Final Steps Tree
3 - Final Steps Tree
The First Step
Define New Window ( win1 ) , Title : "Gif"
Window Events
Window Properties
Window Controls
Active Control ( oActiveX )
Active Control ( oActiveX2 )
End Of Window
Set activex properties
oactivex.glass := True
oactivex.autosize := True
oactivex.FileName := "test.gif"
oactivex2.glass := True
oactivex2.autosize := True
oactivex2.FileName := "test2.gif"
Activate window

17. 4 - Application during the runtime
Fig. (32) Application during the runtime