Customizing the Logo
Siebel Open UI defines the logo that it displays in the client in CSS files. It uses the following predefined code to display the logo in the Aurora theme for screen sizes larger than 1199 pixels:
#_sweclient #_sweappmenu .siebui-logo
float: left;
height: 40px !important;
line-height: 40px;
background-image: url("../images/ebus.gif");
background-repeat: no-repeat;
background-origin: content-box;
background-position: 4px 12px;
width: 106px;
white-space: nowrap;
}
You can configure Siebel Open UI to override this code, or you can create your own custom theme so that you can display a custom logo. You can configure Siebel Open UI to display a separate logo in each theme. For more information about overriding an existing theme, or adding a new theme, see Open UI Deployment Guide (Article ID 1499842.1) on My Oracle Support.
To customize the logo
Create a JPG file that includes your custom logo.
For example, the file might be my-logo.jpg.
Copy the file you created in Step 1 to the following folders:
AI_INSTALL_DIR\applicationcontainer_external\siebelwebroot\images\custom
Use an editor to open your custom CSS file that resides in the following folder:
AI_INSTALL_DIR\applicationcontainer_external\siebelwebroot\files\custom
For example, open the my-style.css file.
Add the following code:
#_sweclient #_sweappmenu .siebui-logo { background-image: url('../../images/custom/my-logo.jpg') }
(Optional) Modify the logo attributes, as necessary:
Use an editor to open your custom CSS file.
For example, open my-style.css.
Add your custom code.
Siebel Open UI uses the following predefined code to specify the logo attributes:
#_sweclient #_sweappmenu .siebui-logo { float: left; height: 40px !important; line-height: 40px; background-image: url("../images/ebus.gif"); background-repeat: no-repeat; background-origin: content-box; background-position: 4px 12px; width: 106px; white-space: nowrap; }
You can modify each of these attributes, as necessary. For example, you can modify the following width and height attributes to decrease the width and height of the logo to accommodate your custom logo image:
#_sweclient #_sweappmenu .siebui-logo { width: 25px; height: 25px; }
Configure the manifest. For more information about how to do this step, see Configuring Manifests:
Log in to a Siebel client with administrative privileges.
Navigate to the Administration - Application screen, and then the Manifest Files view.
Add the file that you modified in Step 4.
For this example, you add the following file:
custom/my-style.css
Navigate to the Manifest Expressions view.
In the Expressions list, add the following expression.
Field Value Name
GRAY_TAB
Expression
LookupName (OUI_THEME_SELECTION, Preference ("Behavior","DefaultTheme")) = "
GRAY_TAB
"In this expression, LookupName is a method that converts the language-dependent name of the theme to the language-independent name of the theme. Siebel Open UI uses the language-independent name.
Navigate to the Manifest Administration view.
In the UI Objects list, specify the following object.
Field Value Type
Application
Usage Type
Theme
Name
PLATFORM DEPENDENT
In the Object Expression list, add the following subexpression.
Field Value Group Name
Leave empty.
Expression
Desktop
Level
1
Operator
Leave empty.
Web Template Name
Leave empty.
In the Object Expression list, add the following subexpression.
Field Value Group Name
Leave empty.
Expression
Enter the value that you specified in Step e.
Level
2
Operator
Leave empty.
Web Template Name
Leave empty.
Use the Move Up, Move Down, Indent, and Outdent buttons to rearrange the subexpressions, as necessary.
In the Files list, click Add.In the Files dialog box, click Query.
In the Name field, enter the following path and file name:
custom/my-style.css
Click Go.
Log out of the client, log back in to the client, and then verify that Siebel Open UI replaces the Oracle logo with your custom logo.