OBIEE Online Training

Friday, June 10, 2011

Customizing Oracle Business Intelligence Enterprise Edition 11g

Deploying Custom Skin
=====================
After exposing
 Copy the default skin (
analyticsRes to WLS successfully, this directory can be used for custom skins. Follow the steps below for deploying a custom skin: ORACLE_HOME/bifoundation/web/app/res/sk_blafp) to analyticsRes In Linux, for example: cp ORACLE_HOME/bifoundation/web/app/res/sk_blafp/analyticsRes/sk_Eden Change the skin name in instaceconfig.xml NOTE: For user specific skin, use NQ_SESSION.SKIN session variable
 Modify the images and css files in
NOTE: If the size of the skin is a problem, delete the unmodified files. While deleting, make sure to not delete any file which is referenced in a modified css file as it picks up the files relative to the local directory. Default files (blafp skin) will be picked for the deleted files.
 Restart the Oracle BI Presentation Services and clear the browser cache to see the changes. Here are a few examples.
 Change the logo: Replace the
 Change the banner color: Modify
sk_Eden directory for achieving the customization. analyticsRes/sk_Eden/b_mozilla_4/oracle_logo.png and analyticsRes/sk_Eden/login/oracle_logo.png with the new png file. Try to keep the size of the new png file close to the original file (119X25 px). HeaderContainer class in analyticsRes/sk_Eden/b_mozilla_4/common.css Change the Tabs color (for dashboard page) in a dashboard: Modify the tab images (*.gif) in analyticsRes/sk_Eden/b_mozilla_4/uicomponents/obips.TabBar Customizing Oracle Business Intelligence Enterprise Edition 11g Page 9 NOTE: If the
 Change the body color of the home page: Modify the background color of the body in
uicomponents directory does not exist in analyticsRes/sk_Eden/b_mozilla_4 then create the uicomponents directory and copy the obips.TabBar from ORACLE_HOME/bifoundation/web/app/res/b_mozilla/uicomponent/obips.TabBar. Delete *.js and *.xml files. analyticsRes/sk_Eden/b_mozilla_4/home.css Change the alert color: Modify the HeaderAlerts class in analyticsRes/sk_Eden/b_mozilla_4/common.css Change the header bar separator line: Modify the HeaderBarSeparator class in analyticsRes/sk_Eden/b_mozilla_4/common.css Change the background color of the dashboard name: Replace the analyticsRes/sk_Eden/b_mozilla_4/l1_seltab_bg.gif with the new image. Make sure the size of the new image is the same as the old one. analyticsRes/sk_Eden/common/header_spacer_bg.gif with the new image. Make sure the size of the new image is the same as the old one. analyticsRes/sk_Eden/b_mozilla_4/l2_spacer_bg.gif with the new image. Make sure the size of the new image is the same as the old one. DashUpperContainer class in portalcontent.css file of the chosen style. This is a bug and is being fixed. For now, change this class to reflect the Eden skin (sk_eden). analyticsRes/sk_Eden/common/page_lev_connected.gif with the new image. Make sure the size of the new image is the same as the old one. menubar_gSeparator.gif in analyticsRes/sk_Eden/b_mozilla_4/uicomponents/obips.UberBar NOTE: If the
 Change the color, font and left margin of the brand name text (next to the logo): Modify the
uicomponents directory does not exist in analyticsRes/sk_Eden/b_mozilla_4, create the uicomponents directory and copy the obips.UberBar from ORACLE_HOME/bifoundation/web/app/res/b_mozilla/uicomponent/obips.UberBar. HeaderBrandName class in analyticsRes/sk_Eden/b_mozilla_4/common.css and appname class in analyticsRes/sk_Eden/login/login.css .HeaderBrandName{..; color:#007700;font-family:Arial; left:120px; ..} Customizing Oracle Business Intelligence Enterprise Edition 11g Page 10 .appname{..; color:#007700; font-family:Arial; ..} Deploying Custom Style The same analyticsRes directory can be used for a custom style using the steps below.
 Copy the default style (
ORACLE_HOME/bifoundation/web/app/res/s_blafp) to analyticsRes In Linux, for example: cp ORACLE_HOME/bifoundation/web/app/res/s_blafp analyticsRes/s_Eden
NOTE: For user specific style, use NQ_SESSION.STYLE session variable
 Modify the images and css files in
NOTE: If the size of the style is a problem, delete the unmodified files. While deleting, make sure to not delete any file which is referenced in a modified css file as it picks up the files relative to the local directory. Default files (blafp style) will be picked for the deleted files.
 Restart the Oracle BI Presentation Services and clear the browser cache to see the changes. As an example:
 Change the background color of the pivot table header: Replace the
Choose the Eden Style in Dashboard Properties analyticsRes/s_Eden directory to achieve your customization. analyticsRes/s_Eden/viewui/pivot/ptgrd_overly.png with the new image. Make sure the size of the new image is the same as the old one. Deploying Custom Message Custom messages should be stored in the same analyticsRes directory.
 Create
In Linux, for example:
customMessages folder in analyticsRes directory for the custom messages (.xml file). A good example would be writeback template that should be saved here. mkdir customMessages analyticsRes/ Customizing Oracle Business Intelligence Enterprise Edition 11g Page 11
 Change the brand name text –
For creating the language dependent custom message, create the appropriate directory structure within analyticsRes directory. As an example: o
In Linux, for example:
Create the message directory for the required language (English language here). mkdir analyticsRes/customMessages/l_en/messages o Create CompanyName.xml and add the text within kmsgHeaderBIBrandName tag: <WebMessageTables xmlns:sawm="com.siebel.analytics.web/message/v1"><WebMessageTable protect="true" export="true" translate="false" system="ProductMessages" table="ProductNames">
<WebMessage name="kmsgHeaderBIBrandName"><TEXT> Report Center </TEXT></WebMessage>
</WebMessageTable></WebMessageTables>

Regards,
Deva
.HeaderBarSeparator{..; border-top: 1px solid #005500; ..}
 Change the header spacer line: Replace the
 Change the background color of the dashboard page edit and help icon: Replace the
NOTE: The path of this image is hard coded in
 Change the status icon next to Sign Out (top right corner): Replace the
 Change the menu bar separator line: Replace the .HeaderAlerts a:hover{..; color:#FF7777; ..} body{..; background-color: #006600; ..} .HeaderContainter {..; background-color: #006600; ..} <UI><DefaultSkin>Eden</DefaultSkin></UI>

3 comments:

  1. Hi Deva,

    I have an issue with the Brand logo and Brandname customization in the dashboards. I replaced the oracle_logo.png with the Brandlogo in the places wherever it needed. I renamed the brandname in the companyname.xml file and also changed HeaderBrandName class in the Common.css file sk_blafp directory and aligned the text to left:80px. But my problem is I am unable to view the change even after resatring weblogic server and all obiee services. The gap between the Brand logo and Brand name is about 1.5 inches which is giving an awkward look to the dashboard. I welcome your suggestions.

    ReplyDelete
  2. I want to change the font for a specific language (Arabic) in OBIEE 11.1.1.5
    Can I do that ?

    ReplyDelete
  3. nice blog
    great information.
    VLCC Institute Makeup Courses gives you the platform to become a Professional Makeup Artist by learning from the best in the Beauty Industry.
    Our state-of-the-art Makeup Classes will walk you through everything that goes into establishing a successful career in this fun, fast-paced and fabulous industry.
    We give a certificate of completion to our students upon completion.

    ReplyDelete