1. Configuring Siebel Open UI Guide
  2. Customizing Participant Availability in Resource Schedulers

Customizing Participant Availability in Resource Schedulers

This topic describes how to customize the controls that Siebel Open UI uses to display information about participant availability in a resource scheduler. You use custom cascading style sheet files to do some of this modification. For more information about how to organize these files, see Organizing Files That You Customize.

To customize participant availability in resource schedulers

  1. Allow or disallow the user to resize the panes that Siebel Open UI uses to display information about participant availability:

    1. Log in to Siebel Tools.

    2. In the Object Explorer, click Applet.

    3. In the Applets list, query the Name property for Calendar GanttChart OUI Applet.

    4. In the Object Explorer, expand the Applet tree, and then click Applet User Prop.

    5. In the Applet User Props list, modify the following applet user property.

      Name Description

      Disable Resize for Ganttchart

      Specify to allow the user to resize an activity or a booking. Use one of the following values:

      • Y. Allow resizing.

      • N. Do not allow resizing.

      Note: This user property applies to all schedulers.

  2. Modify the color that Siebel Open UI uses to display events:

    1. In the Object Explorer, click Business Service.

    2. In the Business Services list, query the Name property for Calendar Gantt Color Service.

    3. In the Object Explorer, expand the Business Service tree, and then click Business Service User Prop.

    4. In the Business Service User Props list, modify the following business service user property.

      Name Description

      Event Status Mapping Color

      For information about how to set this business service user property, see Setting the Color for Events.

  3. Compile your modifications.

  4. Modify the icons that Siebel Open UI uses to display information about participant availability. To do this, you can use one the following siebui-calgantt-icon CSS classes in your custom CSS file.

    Description Example

    To modify the icon that Siebel Open UI uses for employees, use the siebui-calgantt-icon-employee CSS class.

    		 
    .siebui-calgantt-icon-employee {   
  width: 16px;   
  height: 16px;   
  float: left;   
  margin-top: 2px;   
  background: url(../images/employees_icon.gif) no-repeat 
center center;   
}

    To modify the icon that Siebel Open UI uses for contacts, use the siebui-calgantt-icon-contact CSS class.

    		 
    .siebui-calgantt-icon-contactcall {   
  width: 16px;   
  height: 16px;   
  float: left;   
  margin-top: 2px;   
  background: url(../images/contact_call.jpg) no-repeat 
center center;   
}

    To modify the icon that Siebel Open UI uses for resources, use the calgantt-icon-resource CSS class.

    		 
    .siebui-calgantt-icon-resource {   
  width: 16px;   
  height: 16px;   
  float: left;   
  margin-top: 2px;   
  background: url(../images/resoure-items.gif) no-repeat 
center center;   
}

  5. Modify how Siebel Open UI displays information about the current record.

    You can use the .siebui-currentRecord CSS class in one of your custom CSS files. For example:

    .siebui-currentRecord {   
  border-left: 3px solid green;   
  border-right: 3px solid red;   
  z-index: 1000;   
}

    This example modifies the class only for the current event. To change the default color for all events, modify the user property to the following: 

    Pane 2 Event Default Color

  6. Verify your work:

    1. Log into the client.

    2. On the Home page, click My Calendar.

    3. On the application-level menu, click Edit, and then click New Record.

      Siebel Open UI displays the eCalendar Detail View that contains the scheduling control.

    4. Verify that the resource scheduler includes the modifications that you configured in Step 2 through Step 5.