Friday 18 September 2015

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

8 comments:

  1. More than 5000 registered IT consultants and IT corporate's.

    Request IT online training at www.todaycourses.com

    ReplyDelete
  2. I appreciate your work , thanks for all the informative blog posts. web design agency new york

    ReplyDelete
  3. Thanks for taking the time to discuss this, I feel strongly about it and love learning more on this topic. If possible, as you gain expertise, would you mind updating your blog with more information? It is extremely helpful for me. web design new york

    ReplyDelete
  4. have to do first? Most entrepreneurs are so overwhelmed with their online business plans that branding agency san francisco

    ReplyDelete
  5. Sweet internet site , super pattern , very clean and utilize friendly . best branding agencies san francisco

    ReplyDelete
  6. Many thanks for sharing this fine post. Very inspiring! (as always, btw) web design agency san francisco

    ReplyDelete
  7. I am usually to blogging and i also truly appreciate your articles. This great article has truly peaks my interest. I will bookmark your site and keep checking for first time info. website design firms san francisco

    ReplyDelete
  8. You lost me, friend. I am talking about, I imagine I purchase what youre saying. I’m sure what you’re saying, nevertheless, you just appear to have forgotten that you will find a few other folks from the world who view this trouble for it is really and could perhaps not agree with you. You could be turning away many people that was lovers of the website. la web design

    ReplyDelete

Siebel GoTo View - Handling Realtime cases

 Hello All,  We all must have used GoTo view functionality of siebel to navigate to a particular view from current view. What if the require...