Step 4 Create the Employee Image Command Handler

Step 4. Create the Employee Image Command Handler

VFW080 – Using an Explorer Component

1.  Create a new Reusable Part / Panel:

     Name: iiiVFW16

     Description: Employee Image CH

     Make the Panel size approximately Height 350 and Width 500.

2.  Give iiiVFW16 an ancestor of VF_AC010.

3.  In the Design view, from the Designer ribbon,  give the form an Attachment manager:

4.  Drop a Panel onto the right hand side. And change its Name to BUTTON_PANEL. Adjust its Width to allow buttons to be added.

5.  Drop a Panel onto the center of the form and change its Name to IMAGE_PANEL.

6.  Select the BUTTON_PANEL and add a Flow Down manager.

7.  Drop two push buttons onto the BUTTON_PANEL.

8.  With the BUTTON_PANEL selected, use the Layout Helper tab to set Category / Margins. Use the All settings to position the buttons approximately in the middle of the panel horizontally. The setting required will depend on the Width of your BUTTON_PANEL. 12 pixels should be about correct.

9.  Set up two Push Button properties:

Property	Value for the first push button	Value for the second push button
Name	PHBN_SAVE	Find
Caption	Save	PHBN_FIND

 

a.  Create a Click event for the Save button.

b.  Create a Click event for the Find button.

10. Save your reusable part.

11. Drop a Group Box into the center of the IMAGE_PANEL. Resize it and change its Caption to Employee Image.

12. Drop an Image component into the center of the Group Box and resize it to fill the Group Box.

     Your design should now look like the following:

13. Save your reusable part.