Skip to Content
0

CSS to create a grid like appearance on Scorecard

Apr 10 at 07:33 AM

48

avatar image

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

question.png (7.2 kB)
10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Best Answer
Lakshmikanth Adharapurapu Apr 10 at 11:02 AM
0

Hi

Try this css

.sapXTableCellWrapper {border: 1px solid red;}

.sapUiTable {border: 1px solid red;}

Br,

Lakshmikanth Adharapurapu

Show 3 Share
10 |10000 characters needed characters left characters exceeded

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.

css.png (3.6 kB)
scorecard.png (2.4 kB)
0

Hi,

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

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

css-scorecard.png

0

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

0