How to set your custom theme as Default theme

In Siebel Open UI, user can change theme from their user preferences.  If they did not choose any thing a default theme will get loaded. By default that is "Gray Tab".

Suppose you created a new theme called "Golden Tab" and you have to make it by default, Otherwise we have to force our clients to change their theme from their user preference and that is not recommended.
You can change this thing by using some tool level change.

In order to do that please follow the steps.


1. Using Siebel Tools, navigate to "User Preferences" BC.
2. Update the calculated value for field "Behavior/DefaultTheme" to "<custom theme>"
3. Update the Predefault value for field "Behavior/DefaultTheme" to "<custom theme>"
4. Compile the changes and re-test the behavior

You will need to remove the user pref file (spf) file to make the changes take effect.

Fixing date field Jumbing in Siebel open UI

There might be some issue with date input field. We need to edit the css files to fix this problem.
I got the same problem in vanila SRF also.

Above image is before selecting/clicking calender Icon

After clicking calender icon. You can see its length is increased.


To solve this probelm, go to
theme-base.css file in your "files" folder.

.mceGridField input.siebui-input-popup {
        max-width: 119px;
    }

Here   max-width: 119px is given as our input filed. If you need more than this width, you can alter this.

How to add custom Javascript file to an applet ?

In order to change the look and feel of the applet or UI, we have to add some JavaScript plugins to the applet This is the very first step in siebel open UI customization. Now lets take a look on that.

TO achive this we are using some user properties
Physical_Renderer Lets give its value as MyRenderer

1) Create a new directory called "custom" under the directory
             " D:\<file system>\client\PUBLIC\enu\IB2012_20\SCRIPTS\siebel"
2) Copy your custom js file lets say  "myUI.js" to the following directory
               "D:\<file system>\client\PUBLIC\enu\IB2012_20\SCRIPTS\siebel\custom"


Next step you have to update the manifest file. To do that
Open the file "D:\<file system>\client\OBJECTS\custom_manifest.xml"

Add a new key in the following section,
<PLATFORM_KEY_SPECIFIC><PLATFORM Name="Desktop">:
<KEY Name = "MyRenderer">
<FILE_NAME> siebel/phyrenderer.js </FILE_NAME>
<FILE_NAME> siebel/custom/myUI.js </FILE_NAME>
</KEY>

compile the applet and open the browser & Test your code.
Please remember if you want to see any CSS changes, you may clear your cache.