Skip to Content
Former Member
Dec 12, 2014 at 06:11 PM

Design Studio 1.4 CSS colors in Crosstab


I reference this closed thread.

Changing row colors in crosstab with static structure

I have a crosstab layout. I have setup custom CSS for my learning purposes. I am currently using 1.4 in a local install on my PC.

Here is the CSS I am using for the layout.

.sapzencrosstab-DataCellAlternating {

background-color: #CCFFCC !important;


.sapzencrosstab-DataCellDefault {

background-color: #EAF2D3;


/* This defines how tall the rows will be in the cross tab layout*/

.sapzencrosstab-DataCellContentDiv {

height: 40px;


/* This formats the Task Count with a gradient yellow*/

.sapzencrosstab-DataCellTotal {

font-weight: bold;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#E6E600',GradientType=0); background-color: rgb(229, 234, 243); !important;


With the above CSS, I can get the Overall Result count to show up in yellow (as well as alternating colors).

My goal is to get the cell that contains the Overall Result text to show up formatted the same way the count is formatted. (Gradient Yellow)

I looked at, and tried the referenced solution, but it did not work for me. Is there a better way to do this?




crosstab.png (19.9 kB)