Disable onSelect feature for crosstab DataArea

[Former Member]

Hi,

     I want to disable onselect feature in  crosstab for Key figures/Measures.

My Issue: I am having a drilldown/navigation functionality setup on crosstab. When user clicks on the dimension data(Cell) in the crosstab, i am passing it to filter the data source.But when user clicking on keyfigures getting wrong values. my code using the selected cell information to filter the data source and returning inappropriate information.

After searching many poss and blogs, figured out that, with the help of sapzencrosstab-DataArea class we can do it, but not sure how to do it.

Any suggestion to achieve it.

[MustafaBensan · Accepted solution]

Hi Kumar,

I thought you had already solved this issue by placing a transparent Panel component over the Data Area as per your post here:

Have you encountered a new problem with that approach?

Regards,

Mustafa.

[Former Member · Accepted solution]

Yes, Issues with the transparent panel.

In my application, user had the ability to add/remove dimension and keyfigures.

When user removes few key figures, the crosstab becomes small, and there is a transparent panel on top of the crosstab. because of that not able to use scrollbars to see complete data.

Ex:

Crosstab set to Width 500, and Transparent Panel set width 400 and placed on top of the crosstab

When user removed some keyfigures at runtime, crosstab width will become 300. vertical Scrollbar is under the transparent panel.

Adding images for better understanding:

Before Removing Keyfigures/Measures

After removing keyfigures.

[MustafaBensan · Accepted solution]

Hi Kumar,

Thanks for the clarification.  I see what you mean.

You could try overriding the Crosstab Data Area Class you previously identified with a pointer event suppression class as described in the following blog post:  pointer-events | CSS-Tricks

Regards,

Mustafa.

[Former Member · Accepted solution]

Thanks Mustafa.

Solved the issue using pointer-events.

.sapzencrosstab-DataArea{pointer-events: none;}

[MustafaBensan · Accepted solution]

Glad to hear that worked   Thanks for sharing the CSS solution.

[Martin-Pankraz]

Hi Kumar,

Another approach could be found here: . The context might be very similar. I proposed to check on the on select event what crosstab area was hit and determine from there what action shall be taken next. That approach will definitely be independent from any layout issues that you encounter now.

Let me know what you think.

Kind regards

Martin