Collapsible Applets in Siebel - Making Applets Mobile Friendly

 Hello All , 

With complex business process comes lot of Fields :-) , and with increased fields UI becomes more cumbersome.

Lets see a generic UI screen 

This can be converted in more manageable and UI friendly Applets.

Improved isn't it, share your thoughts in Comments

Adding new CSS in Siebel

Hi all,

Recently i had a requirement to make some changes in siebel application layout, the changes were related to CSS. So instead of making changes in existing CSS we prefered to write a new CSS file and register in the application.

The approch is very simple we need to follow below steps.

1. Write a new css file, and add your code there.

2. Save your file under custom folder in Web Server  (swse/public/enu/files/custom/NewCss.css) 

3. Make an entry for your new css in Theme.js file located in (swse/public/enu/23030/script/siebel/custom/Theme.js)

4. Under Administration - Application ,Mainfest File make an entry for Theme.js if its not there.

clear cache and you are done, changes made in new css will be reflected without changing vanila siebel files.

 you need to add the below lines in theme.js to register custom css with the vanila themes.

SiebelApp.ThemeManager.addResource(     "GRAY_TAB",     {        css : {                "sce-theme" : "files/custom/NewCSS.css"  // Location of CSS file which needs to be added as part of existing theme               }     } ); SiebelApp.ThemeManager.addResource(     "TANGERINE_TAB",     {       css : {                "sce-theme" : "files/custom/NewCSS.css"  // Location of CSS file which needs to be added as part of existing theme               }     } );  SiebelApp.ThemeManager.addResource(     "GRAY_ACCORDION",     {        css : {                "sce-theme" : "files/custom/NewCSS.css"  // Location of CSS file which needs to be added as part of existing theme               }     } ); SiebelApp.ThemeManager.addResource(     "TANGERINE_ACCORDION",     {        css : {                "sce-theme" : "files/custom/NewCSS.css"  // Location of CSS file which needs to be added as part of existing theme               }     }

I will post details of how to customise the UI in my upcoming post..till then happy reading...:-)