Crosstab: right-align text column header

[xjhacking]

Hi,

I want to right-align the column headers of my Crosstab. Now I made already some CSS adjustments to set text-align to right (using i.e. .sapzencrosstab-HeaderCellDefault{text-align:right} ), but this only makes the rows of text themselves aligned. The whole text-block still starts on the left side of each column. Please check the screenshot.

I'm using SAP BusinessObjects Design Studio 1.6 (16.0.5). My dashboard is in SAPUI5 m Mode, with Compact Form Factor set to true.

Thanks,

Xavier

[Pierre]

This can be done with a little CSS, but it depends on the crosstab settings, as some things (e.g. sorting) alter the generated HTML (which is rather complex).

This has done the trick for me:

/* without sorting */
.sapzencrosstab-HeaderCellContentDiv {
     text-align: right;
}

/* with sorting enabled */
.sapzencrosstab-HeaderCellContentDiv > table {
     float: right;
}

Example screenshot:

If you only want to right align the key figure columns, you could add this line to left align the first column header:

/* Left align the first header (sorting disabled) */
.sapzencrosstab-HeaderCellContentDiv:first-child {
     text-align: left;
}

[xjhacking]

Hi Mike,

Thanks. I'm trying to apply this (without sorting) but it doesn't seem to work. Even when I apply this to a new Crosstab that has no other CSS customizing on it. Only the Header of the dimension moves to the right, not the headers of the key figure columns.

Regards,

Xavier