IBM Global Services

Screen Painter

Screen Painter |

Dec-2008

2005IBM Corporation

IBM Global Services

Objectives
The participants will be able to:
Use the screen painter.
Recognize the element list. Recognize field attributes. Work with the graphical editor and know its functions.

Screen Painter |

Dec-2008

2005 IBM Corporation

IBM Global Services

Screen Painter - Overview

The Screen Painter is used to maintain all components of a screen

Screen Painter Screen Attributes Screen Layout Field Attributes

Flow Logic

Screen Painter |

Dec-2008

2005 IBM Corporation

IBM Global Services

Field List versus Field Attributes

To maintain field attributes, you can use the Element List.

Another way you can maintain field attributes is using the Attributes pushbutton. With this option, you can maintain all of the attributes for one particular field on the screen at a time.

Screen Painter |

Dec-2008

2005 IBM Corporation

IBM Global Services

Graphical Screen Painter

The graphical screen painter is activated by the following menu path when in flow logic: Utilities->Settings go to the tab called Screen Painter and check the Graphical Layout Editor box.

Text I/O Template Check Box Radio Button Pushbutton Tabstrip Control Tabstrip(With Wizard) Box/Frame Subscreen Area Table Control Table Control(With Wizard) Custom Control Status Icon
5 Screen Painter | Dec-2008

2005 IBM Corporation

IBM Global Services

Graphical Editor Editing Functions

Here is an example of how to use the screen painter to create a simple screen using a: Box, Text Field & Input/Output field.

Screen Painter |

Dec-2008

2005 IBM Corporation

IBM Global Services

Graphical Elements
1

Text field

2 5

Input/output template

Frame/Box

3
Radio buttons

Check boxes

6
Pushbutton
7 Screen Painter | Dec-2008

2005 IBM Corporation

IBM Global Services

Radio Buttons
To create a radio button in the Fullscreen Editor use the radio button icon to drag and drop the radio buttons where you would like them to appear. You will need to define them as a group in order to ensure that they are mutually exclusive.

Screen Painter |

Dec-2008

2005 IBM Corporation

IBM Global Services

Check Boxes
To create a check box in the Fullscreen Editor use the check box icon to drag and drop the check boxes where you would like them to appear.

Screen Painter |

Dec-2008

2005 IBM Corporation

IBM Global Services

Boxes/Frames
To create a box in the Fullscreen Editor use the Box icon to drag and drop the frame where you would like it to appear. Boxes are created with a title at the top of the box.

10

Screen Painter |

Dec-2008

2005 IBM Corporation

IBM Global Services

Pushbuttons
To create a pushbutton in the Fullscreen Editor use the pushbutton icon to drag and drop the pushbutton where you would like it to appear.

Pushbuttons must be assigned a function code. You can also define a function code for a pushbutton.

11

Screen Painter |

Dec-2008

2005 IBM Corporation

IBM Global Services

Scrollable Fields
Input/output templates that are character-based (i.e., not data types DEC, INT1, INT2, INT4, TIMS, DATS, QUAN, or CURR) can be made into scrollable fields.

scrollable field

These lengths are attributes of a field.

Scrollable fields have a visible length that is smaller than the defined length.

12

Screen Painter |

Dec-2008

2005 IBM Corporation

IBM Global Services

Using Search Helps

If you assign a search help to an input/output template, you will see a drop-down arrow to get a list of possible values (F4).

Lon Blake Mike Eames Search help is an attribute of a field. It can only be used on input/output templates.

Holly Lieux
Denise McGarry Noel Salt

13

Screen Painter |

Dec-2008

2005 IBM Corporation

IBM Global Services

Demonstration
Create a screen using the different elements of the screen-painter to display student profile of a university . Testing the screen using F8 on the screen-painter.

14

Screen Painter |

Dec-2008

2005 IBM Corporation

IBM Global Services

Practice
Create a screen using the different elements of the screen-painter to display student profile of a university . Testing the screen using F8 on the screen-painter.

15

Screen Painter |

Dec-2008

2005 IBM Corporation

IBM Global Services

Summary
The Screen Painter is used to maintain all components of a screen.

To maintain field attributes, you can use the Element List.

Another way you can maintain field attributes is using the Attributes pushbutton. With this option, you can maintain all of the attributes for one particular field on the screen at a time. The graphical screen painter is activated by the following menu path when in flow logic: Utilities->Settings go to the tab called Screen Painter and check the Graphical Layout Editor box. To create a radio button in the Fullscreen Editor use the radio button icon to drag and drop the radio buttons where you would like them to appear. You will need to define them as a group in order to ensure that they are mutually exclusive. To create a check box in the Fullscreen Editor use the check box icon to drag and drop the check boxes where you would like them to appear.

16

Screen Painter |

Dec-2008

2005 IBM Corporation

IBM Global Services

Summary (Contd.)
To create a box in the Fullscreen Editor use the Box icon to drag and drop the box where you would like it to appear. Boxes are created with a title at the top of the box. To create a pushbutton in the Fullscreen Editor use the pushbutton icon to drag and drop the pushbutton where you would like it to appear. Input/output templates that are character-based (i.e., not data types DEC, INT1, INT2, INT4, TIMS, DATS, QUAN, or CURR) can be made into scrollable fields. An input/output template can be given a Search Help to have a display of possible values.

17

Screen Painter |

Dec-2008

2005 IBM Corporation

IBM Global Services

Questions
What are the different elements of the screen-painter ?

What is the menu path for activating the graphical screen painter ?

18

Screen Painter |

Dec-2008

2005 IBM Corporation