Skip to Content

Design Studio: Exception reporting - CSS for custom icons

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

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Best Answer
    Sep 05, 2017 at 07:35 AM

    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!

    Add comment
    10|10000 characters needed characters exceeded

  • Aug 07, 2017 at 01:30 PM

    *bump* can somebody help me with this?

    Add comment
    10|10000 characters needed characters exceeded