cancel
Showing results for 
Search instead for 
Did you mean: 

Alignment of a crosstab in SAP Lumira Designer 2.2

former_member544949
Participant
0 Kudos

Hi Experts,

To align a crosstab centrally I have used this CSS class in SAP Design studio 1.6

.sapzencrosstab-TableDiv{

margin:0auto!important;

}

This works perfectly.

But when I use the same class in SAP Lumira Designer 2.2, it doesn’t work.

If anyone knows which CSS class to use to centrally align a crosstab in SAP Lumira Designer 2.2 that would be very helpful.

I couldn’t find anything online related to this.

Thanks for your support and help!!!

Accepted Solutions (0)

Answers (4)

Answers (4)

0 Kudos

Use upper class, example

.grid15 .sapUiLayoutAbsPos{ position:relative; display:block; }

.table_content{ margin: 0 auto; }

0 Kudos

After further research,

I found out several things:

- the CSS class for the crosstab seems to be: sapzencrosstab-RenderSizeDivCompact

- margin:0 auto can't work with position: absolute and it seems that Lumira Designer added this attribute (position) to the crosstab classes

When I change the class directly from chrome developper mode, my crrostab reacts by centering, but when I add the class below to my custom CSS it doesn't overwrite the standard class:

.sapzencrosstab-RenderSizeDivCompact {

margin: 0 auto !important;

position: relative !important;

}

At this point I don't know how to go further. Any idea?

Regards,

Jean-Guillaume

0 Kudos

Hi,

I am facing the same problem. Were you able to find how to center crosstabs with Lumira Designer?

Regards,

Jean-Guillaume

TammyPowlas
Active Contributor
0 Kudos

Hi - please see this blog (#8) and try it from the Properties https://blogs.sap.com/2017/10/12/sap-lumira-2.0-whats-new-in-sap-lumira-discovery-crosstab/

former_member544949
Participant
0 Kudos

Thanks Tammy for your quick response!!!

Does this mean we can’t do alignment through CSS ? because alignment by using context menu is done at right time. I don’t want my user to access the context menu and need to align centre the cross tab when application loads.

Do you know the CSS class I can use? Or any other way I can apply at design time ?

Thanks for your support!!!