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
- Open the chat.css file.
- 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.
|
|
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; }
- 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.
|