Skip to Content

We all know that the new rendering engine for the BI 7.0 Web Templates is Java and that to use these new templates we need to have a Java stack with the portal. SAP has basically improved the integration of BI reports with portal by changing the rendering engine from the ABAP stack to the Java Stack with a Portal.

What this means is that the Portal theme, which you define for your Corporate Portal, will define the Look and Feel Aspects of your BI 7.0 Web Templates as well.

As mentioned in earlier blog by Prakash Darji, that the CSS files which control the portal themes are located on the portal file system.  SAP NetWeaver 2004s BI – Define your Publishing Strategy Part 2

The components which contain these CSS files are: 

com.sap.portal.design.portaldesigndata and com.sap.portal.design.urdesigndata. They have the CSS files related to the portal themes. You can get a hold of these CSS files and edit them manually to get the look and feel you need for you implementation.

Portal Theme Editor and Unified Rendering Framework

There is also a tool available in the portal called the portal Theme Editor. Through this you get a UI based tool to change the Look and Feel of the portal in a theme as a whole. This is also the easiest way to change the look and feel of the BI 7.0 Web Templates in your portal.

In this section there are various sections which contain different portal elements. For earlier releases of SAP BW ( 3.X, 2.X) there are separate sections to define the look and feel of the Web templates when viewed through the portal. The image below shows the options available:

The Look and Feel of BI 7.0 Templates are not affected by the setting which you make here. The integration is much deeper than that it can ensure that the Look And Feel follows the exact colours chosen by you for your portal.  This is the Unified Rendering Framework.

The BI 7.0 templates L-A-F is defined ( as you may have already guessed) by the options/colours  defined for your normal portal components like Button, tables, Tree navigation etc i.e. the settings other than the Component Specific Styles. Some images are shown below for reference:

SAP has published a help document for the same to explain this integration. The link is:

http://help.sap.com/saphelp_nw2004s/helpdata/en/44/317d1f955e3f0ae10000000a114a6b/frameset.htm

This document does not talk about which element corresponds to which Web Item in the BI Web Template. With implementation I have made some findings about these relations. These are listed below:  I am not sure whether these are all of them, so If I find more, the blog will be updated, and if you know more then please comment and I will add those entries here:

These elements lie under the Complex Elements, Simple Elements and Global Styles section in the portal Theme Editor

BI 7.0 Web Elements Portal Theme Editor Elements
All corresponding “Group” , Web Items Group.   The images shows some elements which you can change:  
Tables based Web Items like Tables, Report, Analyse etc These normally show results in the BI Template. You can define the colours for different table headers, rows , type of data etc. Tables
Context Menu properties Pop Up Menu. The settings here will define which how your context menu in BI 7.0 Web Template will look like.
Navigation Ranges, Hierarchical Filters etc Tree.   This will define the colour for all navigational hierarchy based web items in the BI 7.0 Web Templates.
Wizard Item Roadmaps. Correspond to the colours in  all wizard item implementation
Container Layout Web Item Tool Bar.   This will define the Look and Feel for the Container Layouts –Button Groups Layout in the Web Template
Cursor Web Item Cursor
Text Web Item   Text
Buttons / Button Group Buttons
Tab Page Web Item Tab Strip
I am not sure of the web item here, but the effect is quite literal Date Navigator  
Links Web Item Links

Hope this web log helps you in working with BI 7.0 Web Templates in the new Runtime. Please do post your comments here.

To report this post you need to login first.

12 Comments

You must be Logged on to comment or reply to a post.

  1. Anonymous
    Hi Shantanu ,

    This means that now BW report will be portal theme specifc do we have the same option just Like BW 3.5 where in we can uplaod the themes in MIME and then access.

    Playing With Css in BW Report

    Thanx
    Pankaj

    (0) 
  2. Anonymous
    Hi Shantanu ,

    This means that now BW report will be portal theme specifc do we have the same option just Like BW 3.5 where in we can uplaod the themes in MIME and then access.

    Playing With Css in BW Report

    Thanx
    Pankaj

    (0) 
    1. Shantanu Garg Post author
      Hi Pankaj,

      The runtime of BI 7.0 Web Templates is now the Java Runtime and is very tightly integrated into the portal as well. They utilise the Unified Rendering Framework and thus work on the Portal Theme. I have done some preli. testing and even if you put a custom CSS into the MIME repository through SE 80 and add the link to it in the Template, upon execution, the Web Template will use the CSS files defined for the portal Theme for the logged in user.

      It is possible for manually edit the CSS files and they are located in the Portal File System.
      The components are mentioned in my blog. Hope that helps to answer your question.

      Cheers,
      Shantanu

      (0) 
    2. Shantanu Garg Post author
      Hi Pankaj,

      The runtime of BI 7.0 Web Templates is now the Java Runtime and is very tightly integrated into the portal as well. They utilise the Unified Rendering Framework and thus work on the Portal Theme. I have done some preli. testing and even if you put a custom CSS into the MIME repository through SE 80 and add the link to it in the Template, upon execution, the Web Template will use the CSS files defined for the portal Theme for the logged in user.

      It is possible for manually edit the CSS files and they are located in the Portal File System.
      The components are mentioned in my blog. Hope that helps to answer your question.

      Cheers,
      Shantanu

      (0) 
  3. Beat Stoller
    Hi,
    That editor is often quite difficult to use, meaning to find a style matching a certain BI WebReport cell.

    An example: The node levels of a presentation hierarchy have to be set on one of the table rows in the preview.
    And did anyone find the appropriate style for characteristic values and descriptions in tables??

    Regards,
    Beat

    (0) 
  4. Beat Stoller
    Hi,
    That editor is often quite difficult to use, meaning to find a style matching a certain BI WebReport cell.

    An example: The node levels of a presentation hierarchy have to be set on one of the table rows in the preview.
    And did anyone find the appropriate style for characteristic values and descriptions in tables??

    Regards,
    Beat

    (0) 
    1. Shantanu Garg Post author
      Hi Beat,

      Yeah, there is not really a document for each web Item or cell element, and hence the Theme Editor for the first time users is basically a hit or trial method . I wrote this blog to help reveal some elements . Normally, the Theme Editor is not that difficult to figure out for the BI templates, but I agree with you that not everything is replicated or maybe completely covered. But you could actually take a look at the CSS files present in the components mentioned in the blog above to take control more easily ( i.e if you like playing with CSS files)

      I am gonna be testing more of this over the next week or so and will definetely post the results here.

      cheers,
      Shantanu

      (0) 
      1. RS sharma
        Dear Shantanu,
        Is it possible to send me code for a working BI 7.0 Web Template? The one that SAP Provided has errors and I am not able to use it. I’d appreciate if you could get a latest template that works.
        – I like your stuff. You are great!
        Suresh Sharma
        New York.
        (0) 
  5. Kenneth Murray
    “This document does not talk about which element corresponds to which Web Item in the BI Web Template”

    Another fine implementation by SAP.  Let’s give ’em a tool and no well defined/clear way to determine it’s use.

    (0) 
  6. Abhi Pandey
    Shantanu –

    I was trying to make the text of the column headers ‘bold’ using the Portal Theme Editor, but was unable to do so.

    Two comments:
    1/ the col. heading uses style class ‘urstdtext’; so, if you alter this (weight=bold), the whole Portal changes
    2/ The ANALYSIS web item is a table without header (or altrnating table without header).  In either case, the Table Header attrbutes do not work
    3/ Changing col. header settings (regardless of table type) has no impact on the ANALYSIS web item display

    Any ideas of how the col. header attributes can be manipulated.

    Thanks
    abhi
    abhi_999@hotmail.com

    (0) 
    1. Paulo PoĆ­nha
      Hi I am trying to change the results row colour from yellow to gray, I have changed in the portal the required attribute as specified in the table complex elements but it does not change the results in the BI system…. Any ideas, can someone tell me where I need to change in Portal themes to get the yellow “results” row in BI to change colors….
      (0) 

Leave a Reply