Siebel Field Service Guide > Dispatch Board > Process of Configuring the Dispatch Board (Open UI Client) >

Creating Time Zoom Intervals on the Dispatch Board Gantt Chart (Open UI Client)

By default, the zoom intervals on the Gantt chart are 1/4, 1/2, 1, 2, and 4. However, dispatchers might have to work with time frames that are larger than these default values. You can configure the zoom intervals to different time spans, making the information appear more compact. For more information about using the time zoom intervals with the Gantt chart, see Setting User Preferences for the Dispatch Board (End User).

To create a time zoom interval on the Dispatch Board Gantt chart, complete the following procedures:

1. Creating a Value for the Time Zoom Interval
2. Configuring the Applet Control and User Properties
3. Configuring the JavaScript Files

This task is a step in Process of Configuring the Dispatch Board (Open UI Client).

Creating a Value for the Time Zoom Interval

Perform the following procedure to create a value for the new time zoom interval in the list of values for time zoom intervals.

To create a value for the time zoom interval

1. Navigate to the Administration - Data screen, then the List Of Values view.
2. Query for the Type field value of DISPATCH_BOARD_TIME_UNIT.

   The current values for time zoom intervals appear.

3. Create a record for the time zoom interval.

Configuring the Applet Control and User Properties

Perform the following procedure to configure the applet control and user properties for the new time zoom interval.

For more information about performing configuration tasks with Siebel Tools, see Using Siebel Tools.

To configure the applet control and user properties

1. Log in to Siebel Tools as an administrator.
2. Lock the FS Dispatch Board project for editing.
3. In the Object Explorer, navigate to Applet, and query for the FS Dispatch Board Gantt Applet.
4. Navigate to Applet, then Control, and complete the following steps:
   1. Create a new applet control with a type of MiniButton.

      Make sure the button name is a unique ID. You can pattern the name to be consistent with the one hour or two hour button control.

   2. Create the appropriate symbolic string for the button caption.
   3. Edit the Web layout of the applet, and drag the new button to the placeholder for the time zoom interval button.
5. Navigate to Applet, then Applet User Prop, and complete the following steps:
   1. Query for the SupportedTSMapping user property, and add details for the new time zoom interval in the following format:

      #Major Time Value#Minor Time Value#ID of the time zoom interval#

   2. Query for the DateBar Navigation TS user property, and add the ID for the new time zoom interval in the following format:

      ID of new time zoom interval:1,7

6. In the Object Explorer, navigate to Applet, and query for the User Profile Dispatch Board OUI Applet.
7. Navigate to Applet, then Applet User Prop, and complete the following steps:
   1. Query for the SupportedMajorTS user property, and add the new time zoom interval to the available major time values, if necessary.

      This user property has a default value of #Year#Month#Week#Day#

   2. Query for the SupportedMinorTS user property for a major time value, and add the new time zoom interval to the available minor time values for the major time value.

      This user property has a default value of #4 Hours#2 Hours#Hour#Half Hour#Quarter Hour.

8. Compile the applets, and replace the Siebel Repository File (SRF).

Configuring the JavaScript Files

Perform the following procedure to configure the JavaScript files for the time zoom interval.

To configure the JavaScript files

1. Navigate to the following directory:

   build_root\eappweb\public\lang\build_name\scripts\siebel

2. In the siebelconstants.js file, create a constant, and assign the applet control ID that you create in Step 4.

   You can pattern the constant to be consistent with the SWE_GANTT_DAY_TWOHOUR constant.

3. In the fsdispatchboardpmodel.js file, complete the following steps:
   1. Create a variable inside the fsDispatchBoardPM constructor function, and assign the constant value.
   2. Add the new time zoom interval value to timeScaleMap{} map.

      The map key is the LIC (Language-Independent Code) for the time zoom interval in Major Time Value/Minor Time Value format. The value is the applet control ID that you create in Step 4.

   3. In the createPeriod() function, create a new case for the time zoom interval under the DAY_HOUR case.

      The case ID is the variable name that you create inside the fsDispatchBoardPM constructor function.

   4. Add the time zoom interval check with the OR condition where the calcDayLeft() function is invoked at the end of the createPeriod() function.
4. In the ganttrenderer.js file, complete the following steps:
   1. Create a variable inside the GanttRenderer constructor function, and assign the constant value.
   2. In the renderTimeScale() function, add the new case for the time zoom interval under the DAY_HOUR case.

      The case ID is the variable name that you create inside the GanttRenderer constructor function.

5. In the ganttpmodel.js file, complete the following steps:
   1. Create a variable inside the GanttPresentationModel constructor function, and assign the constant value.
   2. In the getTimeUnits() function, add a new case for the new time zoom interval, and set the unit value for time zoom interval.

      The case ID is the variable name that you create inside the GanttPresentationModel constructor function.

6. Restart the client, and view the new time interval on the Dispatch Board.