Posts

Showing posts with the label CSS

Siebel Open UI - Reload CSS without Page Refresh

Image
For all the Siebel Open UI developers here is a must have chrome extension for reloading CSS with out refreshing the page.  Once the extension is installed right click on the page and select Reload CSS. All the CSS from web server would loaded with out page refresh. Enjoy Development !!!!

Siebel 8.1.1.10 Controls Overlapping in Chrome 32 and Higher Version - Workaround

Few days back I upgraded my chrome version and when I open Siebel Open UI application I saw all the contorls overlapping each other and I was shocked to see this. Then I started  to search the Oracle Support web and I found one article that says   Open UI - Applets Not Displaying Correctly In Updated Chrome Browser (Doc ID 1615924.1) I went through the document and the document says it a bug and is fixed in 8.1.1.11.4 QF. Now I am still 8..1.1.10 I cannot use that QF. So I found one more article in the document which says How to Fix Form Applet Issue in Chrome 32 . This document showed the details steps of to fix it with a workaround. But I saw the code and felt thats too much of code to executed. So I did some inspect element and found this solution. if(window.chrome){ $(".GridBack").attr("border","1").css("border-color","transparent"); } Added the above code in postload file and it worked like a charm.

Siebl Open UI - Theme Changes 8.1.1.11

Image
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.10 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  as below (note : OOTB would provide a theme.js file in custom folder) a. Create a record in SiteMap->Application Administration->Manifest Files          siebel/custom/theme.js                       b. Update the Manifest Administration Screen as below . 3.  Open theme.js file and add the below piece of code ...

Siebl Open UI - Theme Changes 8.1.1.10

Image
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 : {                  "DashboardCS...