Posts

Showing posts with the label Siebel Open UI Theme

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 !!!!

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