Exception Icons not displayed in BI Launch Pad

[hans_segers]

Dear all,

We have setup Alerting to display Exception icons based on Exceptions in the BEx queries (following

The Exception icons are displayed as expected when designing and when executing locally, see this screenshot :

However, when I execute the Analysis Application on the BI Platform (so in BI Launch Pad), the exception icons are not displayed, see this screenshot :

In our css we have :

.sapzencrosstab-DataCellDefault.sapzencrosstab-DataCellAlternating{

background-color:#FFFFFF !important;

}

.sapzencrosstab-DataCellDefault{

background-color:#F9F9F9 !important;

}

.sapzencrosstab-DataCellAlert1Background, .sapzencrosstab-HeaderCellAlert1Background

{

color:rgba(0,0,0,0.0);

background-image: url('/aad/resources/~1399838692937~/sap/zen/crosstab/themes/sap_platinum/img/exceptions/status_1.gif') !important;

background-repeat:no-repeat !important;

background-position:center top !important;

}

.sapzencrosstab-DataCellAlert4Background, .sapzencrosstab-HeaderCellAlert4Background

{

color:rgba(0,0,0,0.0);

background-image: url('/aad/resources/~1399838692937~/sap/zen/crosstab/themes/sap_platinum/img/exceptions/status_4.gif') !important;

background-repeat:no-repeat !important;

background-position:center top !important;

}

.sapzencrosstab-DataCellAlert9Background, .sapzencrosstab-HeaderCellAlert9Background

{

color:rgba(0,0,0,0.0);

background-image: url('/aad/resources/~1399838692937~/sap/zen/crosstab/themes/sap_platinum/img/exceptions/status_9.gif') !important;

background-repeat:no-repeat !important;

background-position:center top !important;

}

Do we have to change the location of the background-image url, pointing to a Public Folder ? Where can we find the .gif files ? I do not find them on my pc.

Many thanks

Hans

[Former Member · Accepted solution]

Hi,

please take a look at: Custom CSS file referencing Images

DS 1.3:

The gif files are located in the jar file "com.sap.ip.bi.zen.rt.components.crosstab.phx_13.0.3.20140514-1238" in your Design Studio installation folder, for example:

C:\Program Files (x86)\SAP BusinessObjects\Design Studio\plugins

When you open/extract the jar file then under:

\META-INF\resources\sap\zen\crosstab\themes\sap_platinum\img\exceptions

Regards,

David

[Former Member · Accepted solution]

You might be also interested in using some more fancy status icons (click on "Status" category in the left menu): Icon Explorer

Here is a helpful blog post about how you can use such icons in your custom css code: Design Studio 1.2/1.3 - SAP Fonts Usage for Icons

David

[Former Member · Accepted solution]

The question remains:

What is the recommended way to reference image files which are part of the sap themes (platinum, blue crystal, ...) and thus are already "inside/part of Design Studio" from inside a custom css file in order to make it work in BI Launch Pad without having to upload all of them to a folder, without having to base64 encode them?

There are some options/suggestions that can be used, but which one is the best one? Or is there even another option not mentioned in this post?

David

[hans_segers · Accepted solution]

Thanks David,

I found those .gif files on my workstation.

But I don't see what I have to configure on the BI Platform server to make them available when I run an Analysis Application in BI Launch Pad.

Do I have to copy them somewhere on the server ?

Thanks

Hans

[Karol-K · Accepted solution]

Hi,

the best option is to include the base64 version of the image in CSS. Then you are completelly independent of the platform.

in the CSS style, instad of url paste the base64 encoded version:

background-image:url('data:image/gif;base64,<the base 64 code for the image>');

You can make the BASE64 encoding via the web page

Base64 Image Encoder - there you can upload any image and get the corresponding CSS content.

from the performance perspective, if you use the base64 version for many images in css try to have only one css class and assign those class to many components - just to avoid sending many bytes again and again to the client.

Karol

[hans_segers · Accepted solution]

Hi Karol,

Thanks for your reply.

I modified the css by replacing the full path of the gif file with its Base64 equivalent.

The gif file is not displayed in Design Studio, nor when I execute it in local mode, nor on the platform.

In the DOM Explorer (F12 in IE11), I see that "background-image" has a strike-through, see this sreenshot :

Do you know what the reason can be ?

thanks

Hans

[hans_segers · Accepted solution]

Hi Karol, it is working now. I forgot the !important after the background-image line.

Thanks for your help

[TammyPowlas]

Hi - please take a look at this helpful answer by

You'll need to upload the files to the BI platform (David describes it very well)

In my notes, you can find the .gif files by searching the DOM in IE11

Tammy