|
![]() |
A cell in a layout can contain a predefined icon that starts an activity when clicked. You can also add an icon to the header of a harness. Follow these instructions to add an icon to a cell or header.
1. Drag and
drop the Icon control
Click the down arrow () in
the Basic control group (
) and select the Icon
control (
). Drag the
Icon control to the cell or header area that is to contain it. When
the pointer changes shape to indicate that a single cell or header is
selected, release the mouse button.
If the cell is not empty, the dropped icon replaces the current
contents of the cell or header location. Click the magnifying glass
icon () to display the Cell Properties panel.
2. Complete the
Cell Properties panel — Top fields
Complete the top fields of the Cell Properties panel.
Your updates to this panel can update the rule form immediately or
upon clicking Apply, depending on the
Property Panel settings in your Edit
preferences. See Setting your preferences.
If the panel is pinned(), the wireframe on the rule
form changes immediately to reflect your inputs. If the panel is not
pinned(
), click Apply to apply your inputs.GRP-229
Field |
Description |
Type |
Select a function for this icon from the predefined values. See Built-in Types. Each has a corresponding style that determines an image, shown in the wireframe preview. Select |
Tooltip |
Optional. Enter a sentence or phrase that conveys to users the purpose and function of the icon.
If this text is to be localized. enter no more than 64
characters. Click the pencil icon |
Style |
The selection list presents all binary file rules available to your RuleSet list with a File Name key part starting with "icon." To include a custom icon in this list:
|
3. Complete the
Cell Properties panel — General tab
Complete the General tab.
Field |
Description |
Do Action
|
These fields appear only when the type is
See Complete additional information for custom icons below. corrected 4/24/08 |
Visible |
Select to determine when the icon appears. (If this setting is not applicable, the cell contents are blank.)
|
Visible When |
An icon that is not visible is also disabled and cannot be clicked. |
Wrap Text? |
Not meaningful for icons. B-17946 |
Disabled? |
Select to cause the icon to be disabled or enabled based on a test, even when the form is in read-write mode. Complete the next field to modify the effect of this checkbox. PROJ-283 MARTT 2/26/07REVISED LABEL PER KUCHS 3/7/07 |
Disabled Condition |
|
Run on Client? |
This checkbox appears only if the Condition field contains a simple Java comparison. Select to cause dynamic execution of the condition each time the value of the property mentioned in the condition changes. (Mark the field containing that property as a Client Event.) Leave cleared to cause the condition to execute only once, upon initial presentation of the form. |
4. Complete the
Cell Properties panel — Advanced tab
Complete the Advanced tab.
Width |
Optional. This field appears only when the cell is not controlled by SmartLayout column restrictions. Enter a positive number for the width in pixels of this cell. (At runtime, normal browser processing for rendering tables determines the actual displayed width.) You can also adjust the width this column directly:
|
Height |
Optional. This field appears only when all columns in the
Layout are not controlled by SmartLayout column
restrictions (that is, all columns have the
|
Privilege |
At runtime, the icon is not available to users who do not hold this privilege. IS IT NOT VISIBLE OR IS IT GRAYED OUT? Click the pencil icon ( |
Read-Write Style |
|
Read-Only Style |
Click the pencil icon ( |
Use Header Styles |
Select to change this table cell to use header styles (by changing from <TD> elements to <TH> elements). |
Inline Style |
To apply inline styling to this cell only, type a CSS style definition in this field, or click the magnifying glass to access a Style Editor window. Styles you enter in this field supplement and override style elements defined in style sheets, according to normal CSS rules. Inline styles are recorded in the generated HTML for the form; they do not alter the CSS definitions. Using the Style EditorYou can select the font, color, font size, text align, vertical align PROJ 242 – TASK 16156, borders, margins, and other attributes of this cell using selection lists. The Style Editor maintains a preview of the resulting presentation. If you alter the style definition directly, click Apply to update the preview. Click OK to record the style defined with the Style Editor in the panel. |
5. For custom icons, define additional
information
When you choose CUSTOM
as the Type
value, additional fields appear on the Advanced tab.
When clicked, the custom icon executes an activity, using parameter values determined in this panel or parameter values determined by user input.
Field |
Description |
Do Action |
|
Parameters |
If the activity selected accepts input parameters, you can specify sources for the parameter values here, or allow users to enter them at runtime. To define parameter values on the panel, enter a constant value, a property reference, or expression for each parameter. |
Pass Current Parameters |
Select to share the parameter page of the current activity with the called activity. |
params |
If the activity accepts input parameters, enter constant values for each required parameter. |
(no label) |
|
No Data Submission |
If you selected |
Target Name |
If you selected |
Window Width |
If you selected |
Window Height |
If you selected |
Icons listed in the following table support standard activities. You can override the activity or the ToolTip text.
To avoid user confusion, do not use a
standard icon for a processing function that is unrelated to its
default function.
Type |
Icon Style and Description |
Add New Work
|
|
Attachments
|
|
Cancel
|
|
Contents
|
|
Enable Action Section
|
|
Expand/Collapse
|
|
Explore
|
|
Finish Assignment
|
|
Get Next Work
|
|
History
|
|
Local Action
|
|
Reopen Work Item
|
|
Review
|
|
Save
|
|
Show Reopen Screen
|
|
Show Flow Location
|
|
Spell Checker
|
|
Update
|
|