Bookshelf Home | Contents | Index | Search | PDF

Siebel eService Administration Guide > Configuring Siebel eService >

Customizing the Look and Feel of Siebel eService

---

You can customize the look and feel of your Siebel eService Web site to incorporate your company's brand identity. Your Siebel eService site is made up of customizable Web Templates (HTML files with a .swt extension) and Controls (such as buttons and drop-down lists).

Figure 1 shows a custom configured Siebel eService homepage integrated within Siebel's corporate Web site.

Figure 1. Custom Configured Siebel eService Homepage

Basic Methods for Customizing Siebel eService

Configuring Siebel eService applications is a modular process that separates style and structure (style sheets and Web templates) from the binding (HTML display objects) to data. Style and structure are reusable across multiple HTML display objects using Siebel Web templates. This allows propagation of style and structure modifications across all HTML display objects.

The typical steps for configuring the Siebel eService application are the following:

Identify the Web pages, views, applets, and other elements of Siebel eService that you want to modify.
Using an HTML or text editor, modify the Web templates (.SWT files) as necessary to incorporate appropriate corporate layout and formatting.
Using Siebel Tools, associate each applet to an applet Web template, each view to a view Web template, and each Web page to a page Web template.
Using Siebel Tools, configure HTML Display Objects (controls, applets, and views).
Define new applets, views, and Web pages for Siebel eService.
Define drilldowns where appropriate, such as from summary views to detail views.
Establish mapping between controls and list columns to corresponding placeholders in the applet Web templates.
Compile the repository changes into an .SRF file.
Test and debug the application.

General Elements of Siebel eService Web Site

Your Siebel eService application includes a core set of HTML templates and style sheets that control the look and feel. Additionally, there is a core set of object definitions that are grouped together into different layers depending on the object's function and characteristics. You modify Siebel Web templates and style sheets using a text editor or a raw code HTML editor. You modify Siebel object definitions (controls) using Siebel Tools.

The general elements of your Siebel eService Web site are listed below. For information on working with Web templates, cascading style sheets, and controls, see Siebel Tools Reference.

Web Page Web Template. Allows you to display persistent information such as Help, Logout links, or your Company logo.
View Web Template. Defines the layout of the View that dictates how the applets will be mapped or placed.
Applet Web Template. Defines the layout of the Applet which dictates how the controls and fields will be mapped or placed.
Cascading Style Sheets. Control the color schemes and other styles in the Siebel Web templates. You can modify the rules-defined style sheet to customize the appearance of your Siebel eService application.
Controls. One control object definition, set up in Tools, corresponds to one data control in an applet, such as a text box, check box, or command button. A control is something in the applet with which the user can interact. A control usually either exposes data from one field in the business component, or invokes programming logic.

Changing Text in Home Page View (eService) View

You can change the "Service & Support" displayed text in the Home Page View (eService) view.

To change the text in Home Page View

Navigate to the Applet Object Definition in Siebel Tools and query for the Home Page Header Tiny Applet.
Review the content of the Title property.

<table cellpadding="0" cellspacing="0"><tr><td width="50%"><hr size ="1" class="PageRule"></td><td nowrap class="PageHeader">Service & Support</td><td width="50%"><hr size="1" class="PageRule"></td></tr></table>

Modify the content as desired, and then compile and test the changes.

Bookshelf Home | Contents | Index | Search | PDF