Skip to Content

Crosstab: right-align text column header

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

align_right.png (22.0 kB)
Add a comment
10|10000 characters needed characters exceeded

Related questions

1 Answer

  • Posted on Aug 16, 2016 at 09:15 PM

    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;
    }
    

    crosstab.png (46.3 kB)
    Add a comment
    10|10000 characters needed characters exceeded

    • 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

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.