IBM Global Services

2005 IBM Corporation Screen Painter | 6.03 March-2005

Screen Painter
IBM Global Services
2005 IBM Corporation 2 March-2005 Screen Painter | 6.03
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.
IBM Global Services
2005 IBM Corporation 3 March-2005 Screen Painter | 6.03
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
IBM Global Services
2005 IBM Corporation 4 March-2005 Screen Painter | 6.03
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.

IBM Global Services
2005 IBM Corporation 5 March-2005 Screen Painter | 6.03
Graphical Screen Painter
Text
I/O Template
Radio Button
Subscreen Area
Box/Frame
Table Control
Tabstrip Control
Pushbutton
Check Box
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.
Tabstrip(With Wizard)
Table Control(With Wizard)
Custom Control
Status Icon
IBM Global Services
2005 IBM Corporation 6 March-2005 Screen Painter | 6.03
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.
IBM Global Services
2005 IBM Corporation 7 March-2005 Screen Painter | 6.03
Graphical Elements
1
2
3
4
5
6
Text field
Input/output template
Radio buttons
Check boxes
Frame/Box
Pushbutton
IBM Global Services
2005 IBM Corporation 8 March-2005 Screen Painter | 6.03
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.
IBM Global Services
2005 IBM Corporation 9 March-2005 Screen Painter | 6.03
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.
IBM Global Services
2005 IBM Corporation 10 March-2005 Screen Painter | 6.03
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.
IBM Global Services
2005 IBM Corporation 11 March-2005 Screen Painter | 6.03
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 type for a pushbutton.

IBM Global Services
2005 IBM Corporation 12 March-2005 Screen Painter | 6.03
Scrollable Fields
scrollable field
Scrollable fields have a visible length that is
smaller than the defined length.
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.
These lengths are
attributes of a field.
IBM Global Services
2005 IBM Corporation 13 March-2005 Screen Painter | 6.03
Using Search Helps
Lon Blake
Mike Eames
Holly Lieux
Denise McGarry
Noel Salt
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).

Search help is an attribute
of a field. It can only be used
on input/output templates.
IBM Global Services
2005 IBM Corporation 14 March-2005 Screen Painter | 6.03
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.
IBM Global Services
2005 IBM Corporation 15 March-2005 Screen Painter | 6.03
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.
IBM Global Services
2005 IBM Corporation 16 March-2005 Screen Painter | 6.03
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.
IBM Global Services
2005 IBM Corporation 17 March-2005 Screen Painter | 6.03
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.

IBM Global Services
2005 IBM Corporation 18 March-2005 Screen Painter | 6.03
Questions
What are the different elements of the screen-painter ?
What is the menu path for activating the graphical screen painter ?