Siebel Chat Guide > Customizing Siebel Chat > Process of Configuring the Siebel Chat Interface >

Modifying the Chat.css Stylesheet

You can modify the chat.css stylesheet to get the required look and feel for your Siebel Chat interface. To modify the chat.css stylesheet, complete the steps in the following procedure.

NOTE:  The chat.css stylesheet must be created first. For more information, see Creating a Chat.css Stylesheet.

To modify the chat.css stylesheet

1. Open the chat.css file.
2. Modify the parameters, as required.

   For example, change the height of the different areas of the chat pane by adjusting the parameters described in the following table. If you modify the TextInputHeight parameter, then the chat transcript and message input areas increase or decrease in size accordingly. Figure 4 shows the different areas that are on the chat pane.

   Parameter	Description
   MinAxHeight	The minimum height for the whole chat pane.
   MinAxWidth	The minimum width for the whole chat pane.
   TitleBarHeight	The height of the chat title bar.
   TabBarHeight	The height of the chat tab bar.
   TextButtonBarHeight	The height of the text button bar.
   TextInputHeight	The height of the message input area.
   URLButtonBarHeight	The height of the URL button bar.
   UrlInputHeight	The height of the URL area.

   Add and set the MaxFieldLabelWidth parameter as required, which limits the maximum allowed label length. The default is 70 pixels.

   .styleChatAxNormal
   {
      TextColor:#000000;
      UrlColor:#000000;
      TimestampColor:#0000FF;
      CustomerTimestampColor:#FF3300;

      CtrlBackgroundColor:#D5E0F4;
      LabelTextBackgroundColor:#EEEEEE;
      ButtonHotColor:#B0C4DE;

      CtrlFont:Arial;
      CtrlFontSize:9;

      MaxFieldLabelWidth:70;
   }

3. Save the chat.css file to the following location on Siebel Server for the changes to take effect:

   <Siebel_Build>\siebel\eapps\public\enu\files

NOTE:  At run time, chat.css is not overwritten by files being updated from the Siebel Server. However, chat.css can be overwritten if the server is upgraded, so save any modifications that you make to chat.css prior to upgrade.