CSS to create a grid like appearance on Scorecard

[Former Member]

Hello!

Can anyone tell me how to modify the css on the scorecard component?

Here is my custom class definition (I want the scorecard to have a grid like appearance- like a crosstab).

.grid .sapXTableMain tr.sapUiTable,.sapUiTableTr,.sapUiTableTr > td

{ border:1px solid black !important; }

Here is my assignment to the scorecard:

question.png

[former_member276213 · Accepted solution]

Hi

Try this css

.sapXTableCellWrapper {border: 1px solid red;}

.sapUiTable {border: 1px solid red;}

Br,

Lakshmikanth Adharapurapu

[Former Member · Accepted solution]

Hi Lakshmikanth,

Thank you for your answer.
Somehow, it doesn't work. I'm attaching the screenshots. Do let me know if I'm doing it wrong.

My css class :

I applied it in my scorecard like the below image :

Best,
Pavitra.

[former_member276213 · Accepted solution]

Hi,

It works fine for me, could just try with below css only

.grid .sapXTableCellWrapper {border: 1px solid black;}

css-scorecard.png

[Former Member · Accepted solution]

Yes! It works. Thank you so very much! I had an issue with the CSS file earlier which I just noticed.