Siebl Open UI - Theme Changes 8.1.1.10

The best thing in Siebel Open UI is, it supports Javascript and JQuery. In this particular post I will do few of the changes in the application UI.

To do the Theme Changes in 8.1.1.11 click here

Below is the screen shot showing the vanilla application.


After the changes the application would look something as below



Steps to be followed
1.  Create a css file Dashboard.css
(save the css file in files/custom/dashboard/ path)
this would help to easily maintain the CSS changes.

2. Include the theme.js file in the custom manifest common section file as below
(note : OOTB would provide a theme.js file in custom folder)
siebel/custom/theme.js                  

3. Open theme.js file and add the below piece of code
  SiebelApp.ThemeManager.addResource(
    "GRAY_TAB",
    {
       css : {
                 "DashboardCSS" : "files/Custom/DashboardCSS/Dashboard.css"
                   // Specify the full path that the file was created in step 1
             }
    }
  );

4. Now make the changes in the Dashboard.css, I did the below changes to achieve the look and feel
#_sweappmenu > div{
background: #FFFFFF;
}

 .header-middle #logo{
height : 30px;

 }

 .bannerDiv a, .ui-menubar .ui-menubar-link{
color : #000000;
}

 .PDQToolbarContainer
{
color: #000000;
}

Restart the applicaion to see the changes.



Comments

Post a Comment

Popular posts from this blog

Siebel - DeleteRecord Method in eScript

Let me take this opportunity to share a unique issue that I faced during one small requirement development. Requirement: Contacts with a specific roles are created due a configuration miss in the EAI. As the product is live the fix can be put only after the root cause is found and change window is available. Till then these records needs to be deleted. As the number of records is huge deleting these records manually is a time consuming task and no back end deletion is allowed as the product is live. As a work around a client side BS would be developed to over come the problem. Siebel  Version : 7.7 Below is the pseudo code BusCom = "TechLabHelp" With BusCom                clear Query()                Search for Contact with Role "TECHLABS"                FirstRec = FirstRecord                Wh...
Read more

How to call a Business Service from a PM/PR file in Siebel Open UI

I was working on a requirement where I had to call a Siebel Business Service from PM/PR files. Oracle Support gave a pretty simple steps to the same. But for each of the Business service to be called had to register it as a user property in the Siebel Application user property. This would need a SRF change every time and was not that easily feasible. So came up with the below practice which avoided the SRF change. Below are the steps to create call a Business Service from the Siebel PM/PR file. 1. Add the below Application User Property ClientBusinessServiceN = Business Service Name Here " N " would be the value in sequence of the application user property ClientBusinessService and Business Service Name is the name of the Business Service to be called. 2. In the PM/PR file add the below code to call the Business Service // Get the Object for the Business Service. Get the Business Service by passing the Business Service Name var sBusService = SiebelApp.S_App.GetSe...
Read more

Siebel Business Service Part-4

Image
In this post I will discuss on how to create a business service. How to create a BS in Siebel Tools • Lock the project on which BS should be based on • Select the Business Services object in the Tools Object Explorer. • Right-click , and then choose New Record .( Ctrl+N ) • Type a name of the BS in the Name field of the new business service and Select the Project. • Choose the appropriate class Data transformation – CSSEAIDTEScriptService class. Other business services - CSSService class . Defining a Method for BS • With the business service selected in Siebel Tools, expand the Business Service tree in the Object Explorer, and then select Business Service Method. • Right-click , and then choose New Record. • Type the name of the method in the Name field of the new method. Defining Method Arguments… • With your business service method selected in Siebel Tools, expand the Business Service Method tree in the Object Explorer, and then select ...
Read more