chapter 03_screen painter

IBM Global Services

Screen Painter | 6.03 March-2005 © 2005 IBM Corporation

Screen Painter

IBM Global Services

© 2005 IBM Corporation2 March-2005Screen 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


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


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


Graphical Screen Painter

Text I/O Template

Radio Button

Subscreen AreaBox/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


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


Graphical Elements

1 2

3 4

5

6

Text field Input/output template

Radio buttons

Check boxes

Frame/Box

Pushbutton

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.

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.

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.

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 type for a pushbutton.

IBM Global Services


Scrollable Fields

scrollable field

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

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


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


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


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


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


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


Questions

What are the different elements of the screen-painter ?

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

chapter 03_screen painter

Documents