Skip to Content
0

Design Studio: Exception reporting - CSS for custom icons

Aug 07, 2017 at 10:24 AM

163

avatar image

Hello everyone,

I am using Bex Query with exeptions as data source in my Design Studio application. The exeptions are fine but I want to exchange the colors and numbers with a simple icon (arrow up, to the side and down).

I found several how to´s but to me it seems that they are outdated and not working anymore. I am using 1.6 SP5 Patch 1.

I used this blog entry but it doesn´t work for me:

https://blogs.sap.com/2014/05/11/how-to-show-status-icons-for-bex-exceptions-in-design-studio/

I think most of the code has changed.

Can somebody help me with this ?

Thanks and best regards,

Mario

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

2 Answers

Best Answer
Mario Panzenboeck Sep 05, 2017 at 07:35 AM
0

I solved that one.

I had to update the URL and used the following CSS code:

.sapzencrosstab-DataCellAlert1Background,.sapzencrosstab-HeaderCellAlert1Background

{

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

background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAIAAACgpqunAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABJ0RVh0U29mdHdhcmUAR3JlZW5zaG90XlUIBQAAAGRJREFUOE/ty8ENgCAMheFu6EreGIVzlyoDMMCzQIMaCgeNN8kf0hQ+AkA7PajAj/DGGUhh2FsLXGU7E68vLm5SRO8sMvEuNsmRQqossus9XL4WqbPh+7Ln4Usn9vrx0Cu8DsABf48e6KjS4KUAAAAASUVORK5CYII=')!important;

background-repeat:no-repeat!important;

background-position:center!important;

}

.sapzencrosstab-DataCellAlert9Background,.sapzencrosstab-HeaderCellAlert9Background

{

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

background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAIAAACgpqunAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABJ0RVh0U29mdHdhcmUAR3JlZW5zaG90XlUIBQAAAGxJREFUOE/tj9EJwCAMRN0wYzmPiziGa1zPGKQ2Vtt+93hIOPICBoRPaFz7kI2cgRyvZeeXHe/lCBSIzl2WxOm0o0xkiXTNb3I1WWS72NGMVUXM51vqhJLczurPzddMTaJxraH+nUmW8g4GOABfJ4452ydKuwAAAABJRU5ErkJggg==')!important;

background-repeat:no-repeat!important;

background-position:center!important;

}

.sapzencrosstab-DataCellAlert5Background,.sapzencrosstab-HeaderCellAlert5Background

{

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

background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAIAAACgpqunAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABJ0RVh0U29mdHdhcmUAR3JlZW5zaG90XlUIBQAAAF9JREFUOE/NzrEOgCAMBFD+0P//AQY2BoaGmPMiizacNC7a3EJzLyUBKCW9COFvcbXMQm9+z4QuKx/CzNR7PEp6slWNWz87eq7H+bxhldC3pxlyt83t11hJZo0f8iEGDkVISA/4xPdgAAAAAElFTkSuQmCC')!important;

background-repeat:no-repeat!important;

background-position:center!important;

}

I used this Website to generate the URLS:

https://www.base64-image.de/

It´s important that the Levels for the exceptions definied in Query Designer are matching the css code.

For example: Query Designer Good 1 = Alert1 (HeaderCellAlert1Background)

Query Designer Bad 3 = Alert9 (HeaderCellAlert9Background)


Hope this helps!

Share
10 |10000 characters needed characters left characters exceeded
Mario Panzenboeck Aug 07, 2017 at 01:30 PM
0

*bump* can somebody help me with this?

Share
10 |10000 characters needed characters left characters exceeded