X

Achieving Digital Transformation with Oracle's Siebel CRM

Siebel theme demo with Alta UI styling

John Bedford
Director, Product Strategy

Siebel Open UI gives you the ability, and flexibility, to create new user experiences for your CRM application. With Open UI you can easily align to corporate branding in your CRM application as well. Working with some of my Siebel colleagues, we created a video to show how you can
easily add a new theme in the Siebel application with simple steps.

For the example we decided to theme Siebel with the new cool Oracle Alta UI styling that was recently announced for Oracle’s suite of cloud and mobile applications. Siebel CRM is integrated with Oracle Sales Cloud and maybe you might want to use Alta UI style for both applications, creating a more seamless user experience.

Check out the video, the exact steps are detailed below.

 


 

 

 

 

 

 

 

 

 


These are the exact steps for applying a Siebel theme, e.g. deploying the new Alta UI theme:

1. Develop the custom .css (usually performed by the web developer to create the preferred style)

2. Copy the custom .css file to the PUBLIC/<Language>/FILES/custom folder

3. Register the custom .css file in the Manifest Files view with the relevant file path (case sensitive and starting with files folder)

4. Register a custom expression in the Manifest Expressions view to determine when the custom theme is selected in the user preferences. The simplest way to do this is to copy an existing manifest expression theme record and edit it.

5. Register a custom PLATFORM DEPENDENT entry for the Application theme in the Manifest Administration view. The simplest way to do this is to copy an existing theme record and edit it.

a. In the object expression list applet associate the new custom expression

b. In the files list applet associate the base (Aurora) .css file

c. In the files list applet associate the new custom .css file (sequence is important – sequence 1, base then extension – sequence 2)

6. Create a new List of Values entry for the custom theme. The simplest way to do this is to copy an existing theme LOV record(s) and edit them with the appropriate LIC entries. Clear the LOV cache.

7. Log off to clear the manifest system cache. Login again.

8. Go to User Preferences -> Behavior

9. Select custom theme and save settings

10. Press F5 to reload the page

If you also want to try the new theme yourself, you can also download the Siebel Alta UI theme hereHave fun with Siebel Open UI themes!

Join the discussion

Comments ( 7 )
  • guest Thursday, February 5, 2015

    Does this only work for IP2014 and not IP2013 (patchset 7)


  • guest Thursday, February 5, 2015

    Does this only work for IP2014 and not IP2013 (patchset 7)


  • John Bedford Friday, February 6, 2015

    Yes this concept was created against 8.1.1.14


  • Neeraj Friday, June 5, 2015

    Hi John

    What is the purpose of the below files ?

    1) custom-pl.js

    2) jquery.ScrollTo.js

    3) utils.js

    I am planning to customize theme-aurora.css for R15 on top of the packaged theme-aurora.css file by renaming it to new custom theme file and changing that file instead of making modifications to ootb theme-aurora.css file for upgrade compatibility. Can i simply add the new custom.css file and administrate its manifest or the above three js files will be needed with that too ?

    Please suggest.

    Thanks

    Neeraj.


  • Bola Lawal Friday, June 5, 2015

    Hi JB, hope you are doing well. Just tried the SiebelAlta and it works fine. Well done. Are there any others that I can get access to?


  • guest Wednesday, July 1, 2015

    WHat about the Js files in the folder? Where to add them?


  • guest Monday, July 6, 2015

    I have implemented the Alta UI theme as mentioned in the article. I am getting error saying "Uncaught TypeError: $(...).scrollTo is not a function". Is there anything wrong with configuration? Do we need to register jquery.scrollTo.js anywhere?


Please enter your name.Please provide a valid email address.Please enter a comment.CAPTCHA challenge response provided was incorrect. Please try again.