Configuring Siebel Open UI > Customizing Styles, Applets, Fields, and Controls > Customizing Logos, Themes, Backgrounds, Tabs, Styles, and Fonts >

Customizing the Logo

Starting with Siebel Innovation Pack 2014, Siebel Open UI defines the logo that it displays in the client in CSS files instead of coding the logo in a web template. 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

1. Create a JPG file that includes your custom logo.

   For example, my-logo.jpg.

2. Copy the file you created in Step 1 to the following folders:

   INSTALL_DIR\ses\siebsrvr\WEBMASTER\files\language_code\custom
   INSTALL_DIR\eappweb\PUBLIC\language_code\images\custom

   For more information about the language_code, see Languages That Siebel Open UI Supports.

3. Use an editor to open your custom CSS file that resides in one of the following folders:

   INSTALL_DIR\ses\siebsrvr\WEBMASTER\image\language_code\custom
   INSTALL_DIR\eappweb\PUBLIC\language_code\files\custom

   For example, open the my-style.css file.

4. Add the following code:

   #_sweclient #_sweappmenu .siebui-logo {
     background-image: url('../../images/custom/my-logo.jpg')
   }

5. (Optional) Modify the logo attributes, as necessary:
   1. Use an editor to open your custom CSS file.

      For example, open my-style.css.

   2. 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;
   }

6. Configure the manifest. For more information about how to do this step, see Configuring Manifests:
   1. Log in to a Siebel client with administrative privileges.
   2. Navigate to the Administration - Application screen, and then the Manifest Files view.
   3. Add the file that you modified in Step 4.

      For this example, you add the following file:

   custom/my-style.css

   4. Navigate to the Manifest Expressions view.
   5. In the Expressions list, add the following expression.

      Field	Value
      Name	GRAY_TAB
      Expression	LookupName (OUI_THEME_SELECTION, Preference ("Behavior","DefaultTheme")) = "GRAY_TAB" where: LookupName is a method that converts the language-dependent name of the theme to the language-independent name of theme. Siebel Open UI uses the language-independent name.

   6. Navigate to the Manifest Administration view.
   7. In the UI Objects list, specify the following object.

      Field	Value
      Type	Application
      Usage Type	Theme
      Name	PLATFORM DEPENDENT

   8. 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.

   9. 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.

   10. Use the Move Up, Move Down, Indent, and Outdent buttons to rearrange the subexpressions, as necessary.
   11. In the Files list, click Add.In the Files dialog box, click Query.
   12. In the Name field, enter the following path and file name:

   custom/my-style.css

   13. Click Go.
7. 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.