Using PeopleTools Image Definitions

All PeopleSoft applications include a common set of PeopleTools images that in the image catalog. If you use PeopleTools images when developing your own applications, you should use each image in a way that is consistent with its use in PeopleSoft applications.

Important! Do not change PeopleTools image definitions. If you want to change a PeopleTools image definition, copy it and then modify the copy.

The following list contains many common PeopleTools images and their standard usage; the list is not exhaustive. The images are categorized by function and listed alphabetically by image name.

General Images

Field or Control

Definition

icon

PT_ABORT: Abort a transaction. Used in some PeopleCode message boxes.

icon

PT_APPLY: Apply changes that were made to the database. Usually found when transferring to another page through PeopleCode.

icon

PT_CALENDAR: Open the calendar prompt.

icon

PT_COPYURL: Used in the pagebar. Copy contents of address bar to the clipboard.

icon

PT_IGNORE: Used in some PeopleCode message boxes.

icon

PT_NO: Used in some PeopleCode message boxes.

icon

PT_OK: Accept the input on a secondary page and return to the main page.

icon

PT_POPUP: Open a pop-up menu from which the user can select a page to which to transfer.

icon

PT_POPUP_SKIP: Use if a pop-up menu has only one menu item to select from; bring the user directly to a page.

icon

PT_PRINT: Open the print dialog box for the designated item.

icon

PT_PROCESSING: Appears as animated image while accessing a server or database.

icon

PT_PROMPT_LOOKUP: Lookup button for a field prompt table.

icon

PT_SPELLCHECK: Opens the spell check page for the current field.

icon

PT_REPORT_DIST_ICN: Usually found on the Process Scheduler Request page, this button takes you to the Distribution Detail page. Use to select roles and users who can access or receive an email of report output.

icon

PT_SEC_RETURN: Return from a secondary page to the main (calling) page.

icon

PT_WF_ACTIVITY: Used for a subprocess of the business task for workflow, consisting of one or more steps.

icon

PT_WF_BUSPROC: Depict a complete business task for workflow.

icon

PT_WF_STEP: Show a discrete step in the business process that corresponds to a single transaction that is performed on an application page or through an external program.

Scroll or Grid Action Images

Use these images when creating scroll areas, scroll bars, and grids.

Field or Control

Definition

icon

PT_ADD: Add a row button.

icon

PT_ADD_LARGE: Add a large row button. Alternative to PT_ADD if the page has enough room.

icon

PT_DELETE: Delete a row button.

icon

PT_DELETE_LARGE: Delete a large row button. Alternative to PT_DELETE if the page has enough room.

icon

PT_GRID_NO_TABS: Expand grid button. Expand grid columns horizontally so that grid tabs no longer show.

icon

PT_GRID_SHOW_TABS: Tabbed grid button. Collapse grid columns horizontally so that grid tabs show.

icon

PT_NEXTROW: View the next row button.

icon

PT_PREVIOUSROW: View the previous row button.

Tab Images

Use these images to change the look of both folder and grid tabs.

Field or Control

Definition

icon

PT_TAB_LSCROLL: Scroll left to the previous tab in a page or grid.

icon

PT_TAB_RSCROLL: Scroll right to the next tab in a page or grid.

icon

PT_TABxxx through PT_TABxxxxxxxx: Selection of more than 80 images you can use to create folder tabs.

Lookup and Search Page Images

Use these images on lookup and search pages.

Field or Control

Definition

icon

PT_CANCEL: Cancel a lookup page.

icon

PT_CLEAR: Clear search criteria from the page (appears only on an Advanced Search/Lookup page).

icon

PT_LOOKUP: Begin looking up data.

icon

PT_SEARCH: Start a search on the search page.

Query Images

Field or Control

Definition

icon

PT_QUERY_ADD_CRITERIA: Add criteria to a query.

icon

PT_QUERY_KEY: Denotes a query key field.

icon

PT_QUERY_SORT: Sort query fields alphabetically.

Tree Images

Use these tree images with PeopleSoft Tree Manager.

Tree node and leaf images include:

Field or Control

Definition

icon

PSTREEMGR_COL_BRANCH: Identifies the root node for a branch.

icon

PSTREEMGR_COL_NODE: Standard node image.

icon

PSTREEMGR_COL_SKNODE: Tree node that has skipped a level.

icon

PSTREEMGR_END_NODE: Tree node that has no children; that is, a terminal node.

icon

PSTREEMGR_EXP_BRANCH: Root node on a branched tree.

icon

PSTREEMGR_EXP_NODE: Expanded node.

icon

PSTREEMGR_EXP_SKNODE: Expanded node that has skipped a level.

icon

PSTREEMGR_LEAF: Lowest-level detail value of a tree.

Node and leaf command button images include:

Field or Control

Definition

icon

PTTREE_ADDCHILD: Add a new child node.

icon

PTTREE_ADDLEAF: Add a new detail value, such as a leaf.

icon

PTTREE_ADDSIB: Add a new node as a sibling to the selected node.

icon

PTTREE_CUT: Cut a node or leaf and place it on the clipboard.

icon

PTTREE_DELETELEAF: Delete a leaf.

icon

PTTREE_DELETENODE: Delete a node.

icon

PTTREE_DISP_AS_ROOT: Redisplay the tree, starting with the currently selected node being displayed as the root node.

icon

PTTREE_EDITDATA: Display the underlying user data page.

icon

PTTREE_MAKEBRANCH: Create a new tree branch, starting with the selected node.

icon

PTTREE_PASTECHILD: Paste the node on the clipboard as a child of the currently selected node.

icon

PTTREE_PASTESIB: Paste the node on the clipboard as a sibling of the currently selected node.

icon

PTTREE_UNBRANCH: Unbranch a branch.

icon

PTTREE_UPDATELEAF: Update the values and properties for a leaf.

icon

PTTREE_UPDATENODE: Update the value or properties for a node.

Portal Images

Use these images to perform a specific action. Additional portal images, such as PT_PORTAL_HEADER_BG, are purely aesthetic. In general, all images that are reserved for the portal contain the word PORTAL in the image name, such as PT_PORTAL_SEPARATOR.

Field or Control

Definition

icon

PT_PORTAL_DOWN_ARROW_Y: Move a pagelet down when personalizing a portal layout.

icon

PT_PORTAL_IC_CLOSE: Remove a pagelet from a homepage.

Toolbar Button Images

Toolbar buttons are HTML buttons, not images. HTML defines the buttons and the text on the buttons. To modify toolbar buttons, use a style class.

See Setting Style Class Attributes.

Note: Icons that appear on toolbar buttons are images.