Skip to Content
0

CSS on scorecard

Jan 17, 2017 at 11:17 AM

108

avatar image

Hi, I have applied the CSS as per below but it is randomly not using the css colors for the entire row as per below. see under Target and current performance

The CSS used

.sapUiTableRowEven div.sapXTableCellWrapperTop{

background-color:yellow !important;

}

.sapUiTableRowOdd div.sapXTableCellWrapperTop{

background-color:orange !important;

}

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

3 Answers

Heather Worth Jan 19, 2017 at 05:21 AM
1

Tammy,

I have found what the issue is but don't know how to change it. on the scorecard component I have the additional property "cell text wrapping" switched on. So when it wraps it is white, it does not take the color from the custom.css. Do you know how I can change this. I can't increase the columns.


gmcvc.png (2.2 kB)
Show 1 Share
10 |10000 characters needed characters left characters exceeded

Good find, Heather!

On the surface, can you abbreviate so you don't have to use the cell text wrapping? For example, btw 5-10% and PY for previous year?

0
Tammy Powlas
Jan 17, 2017 at 11:53 AM
0

Heather - can you F12 (in Chrome) to debug to see where the white space is coming from?

I can't replicate this myself using 1.6 SP4 using your code...it works

Share
10 |10000 characters needed characters left characters exceeded
Heather Worth Jan 18, 2017 at 08:22 AM
0

Hi Tammy,

Please see screenshots, between IE and CHROME. So in CHROME the wording disappears. Just for info I am merging to columns in the scorecard. It also has the # value sometimes. Please excuse me but I don't know how to debug, is there notes on how to debug once I press f12.


capture.png (74.9 kB)
Show 1 Share
10 |10000 characters needed characters left characters exceeded

Hi Heather - yes, please see this blog on how to debug CSS https://blogs.sap.com/2014/05/11/how-to-find-and-change-the-css-class-design-studio/ - take it slow and be patient (not my strong suit) - but once you start looking you will be able to determine what is going on in your application.

0