Stage 3

About this task
Add to the CustomizableArea "CA1" tag as follows:
  1. Add a Label, and set its width to 100, its height to 20, its y to 0, its x to 15, and its label to "User name:".
  2. Add a TextField, and set its width to 100, its height to 20, its y to 17, its x to 15, its text to "IBM", and its name to "USER_NAME".
  3. Add an IconLabel, and set its width to 112, its height to 20, its y to 5, its x to 150, and its iconName to "/images/Welcome.gif".
  4. Add a Label, and set its height to 20, its y to 38, its x to15, and its label to "Task:".
  5. Add a TaskLauncherTextField, and set its width to 100, its height to 20, its y to 57, its x to 15, its onInitialize to "this.setForeground(new java.awt.Color(0,0,255))", and its name to "taskLauncher".
  6. Add an IconButton, and set its taskName to "TX01", its width to 40, its height to 40, its toolTipText to "Withdrawal", its y to 35, its x to 150, its iconName to "/images/cutovers.gif", and its shortDescription to "Withdrawal3".
  7. Add an ExitButton, and set its toolTipText to "Exit", its width to 40, its height to 40, its y to 35, its x to 200, and its iconName to "/images/door_exit.gif".
What to do next

Add to the CustomizableArea "CA2" tag as follows:

  1. Add an IconLabel, and set its height to 27, its y to 2, its x to 24, and its iconName to "/images/earth.gif".
  2. Add a DateField, and set its y to 32, its x to 2, and its name to "dateField".
  3. Add a Timer, and set its y to 55, its x to 20, and its name to "timer".

Add to the CustomizableArea "CA3" tag as follows:

  1. Add a Tree, and set its label to "Tree", its iconName to "/images/root_node.gif", and its backgroundSelectionColor to "white".
  2. In the Tree, add a TreeNode, and set its toolTipText to "Operations", its label to "Operations", its iconName to "/images/tree_node.gif", and its backgroundSelectionColor to "yellow".
  3. In the TreeNode, add a LeafTreeNode, and set its taskName to "TX01", its toolTipText to "Withdrawal", its label to "Withdrawal", its iconName to "/images/leaf_node.gif", and its shortDescription to "Withdrawal4".

Add to the CustomizableArea "CA4" tag as follows:

  1. Add a TaskLauncherTextField, and set its width to 395, its height to 19, its y to 5, its x to 48, its onInitialize to "this.setForeground(new java.awt.Color(255,0,0))", and its name to "MessageText".
  2. Specify the operation and the operation panel to the task information. Go to the TaskInfo component and set its operation attribute to ClientWithdrawalOpn, and its flowProcessPanel attribute to labs.TransactionView. Because all the TaskLaunchers (TaskLauncherButton, MenuItem, IconButton, and LeafTreeNode) defined in this Desktop refer to the taskName "TX01", we defined the common attributes (longDescription, operation, and flowProcessPanel) in a TaskInfo object. Alternatively, all these attributes could be defined in one of the TaskLaunchers instead of creating a TaskInfo object, and the result would be the same.
  3. Save the file. You will need the desktop.dtd file to be available in the same location as the desktop.xml file.

The following is the complete XML file:

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE Desktop SYSTEM "desktop.dtd">
<Desktop width="977" height="630" initializerClass="labs.CBTFInitializer" 
	initializerMethod="initEnv" title="Sample Desktop">
<ScenarioArea> 
<Scenario label="Operations1">
<ButtonRow>
<TaskLauncherButton label="Withdrawal" taskName="TX01" width="150" 
    toolTipText="Cash Withdrawal" mnemonic="W" 
    onClick="this.setForeground(new java.awt.Color(255,255,255))" 
    shortDescription="Withdrawal1" />
</ButtonRow>
<MenuButtonRow>
<MenuButton toolTipText="Operations" iconName="/images/commercial_card.gif">
<MenuItem taskName="TX01" toolTipText="Withdrawal" mnemonic="I" 
label="Withdrawal" shortDescription="Withdrawal2" /> 
<Separator/>
<MenuItem taskName="OP" toolTipText="Operation" mnemonic="P" 
    longDescription="Operation" label="Operation" operation="op" 
    shortDescription="Operation" /> 
</MenuButton>
</Scenario>

<Scenario label="Nothing">
</Scenario>
</ScenarioArea>

<CustomizableArea name="CA1" width="297">
<Label width="100" height="20" y="0" x="15" label="User name" />
<TextField width="100" height="20" y="17" x="15" text="IBM" 
    name="USER_NAME" />
<IconLabel width="112" height="20" y="5" x="150" 
    iconName="/images/Welcome.gif" />
<Label height="20" y="38" x="15" label="Task" />
<TaskLauncherTextField width="100" height="20" y="57" x="15" 
    onInitialize="this.setForeground(new java.awt.Color(0,0,255))" 
    name ="taskLauncher" /> 
<IconButton taskName="TX01" width="40" height="40" toolTipText="Withdrawal" 
    iconName="/images/cutovers.gif" shortDescription="Withdrawal3" />
<ExitButton toolTipText="Exit" width="40" height="40" y="35" x="200" 
    iconName="images/door_exit.gif" />
</CustomizableArea>
<CustomizableArea name="CA2" width="80">
<IconLabel height="27" y="2" x="24" iconName="/images/earth.gif" />
<DateField y="32" x="2" name="dateField" />
<Timer y="55" x="20" name="timer" />
</CustomizableArea>
<CustomizableArea name="CA3" width="247" height="457">
<Tree label="Tree" iconName="/images/Root_node.gif" 
    backgroundSelectionColor="white">
<TreeNode toolTipText="Operations" label="Operations" 
    iconName="/images/tree_node.gif" backgroundSelectionColor="yellow">
<LeafTreeNode taskName="TX01" toolTipText="Withdrawal" label="Withdrawal" 
    iconName="/images/Leaf_node.gif" shortDescription="Withdrawal4" />
</Tree>
</TreeNode>
</CustomizableArea>
<WorkingArea iconName="/images/background.gif" defaultIcon="/images/logo.gif" />
<CustomizableArea name="CA4" width="489" height="30">
<TaskLauncherTextField width="395" height="19" y="5" x="48" 
    onInitialize="this.setForeground(new java.awt.Color(255,0,0))" 
    name="MessageText" /> 
</CustomizableArea>
<TaskArea maxNumberOfTasks="6" />
<TaskInfo taskName="TX01" shortDescription="Withdrawal" 
    longDescription="Withdrawal Operation" operation="ClientWithdrawalOpn" 
    operationPanel="TransactionView" code="WITH" />
</Desktop>